modified alignments

app.py

@@ -20,10 +20,10 @@ st.set_page_config(
 
 # Add a title to the app
 st.title("🎈 Jokerrr - AI Fun Facts Generator")
-col1, col2, col3 = st.columns([1,2,1])
+col1, col2, col3 = st.columns([1,12,1])
 with col2:
     st.image("img/batman.png", 
-            width=500)
+            width=600)
 
 # Initialize LLM
 @st.cache_resource
@@ -71,13 +71,13 @@ main_container = st.container()
 
 with main_container:
     # Create columns for center alignment
-    col1, col2, col3 = st.columns([1,3,1])
+    col1, col2, col3 = st.columns([1,8,1])
     
     
     
     # Put the button in the middle column
     with col2:
-        st.write("Click the button below to get AI-generated fun facts! 🎉")
+        st.markdown("<h6 style='text-align: center; font-family: Source Sans Pro;'>Click the button below to get AI-generated fun facts! 🎉</h6>", unsafe_allow_html=True)
 
 
         if st.button("Generate Fun Fact! 🎲", use_container_width=True):