scroll generated answer

app.py

@@ -9,25 +9,43 @@ st.set_page_config(
     initial_sidebar_state="expanded",
 )
 
-# Add a title and description
+# Add custom CSS for styling
 st.markdown("""
     <style>
         .title {
             font-size: 3em;
             font-weight: bold;
             color: #4CAF50;
+            text-align: center;
         }
         .description {
             font-size: 1.2em;
             color: #555555;
+            text-align: center;
         }
         .stTextInput > label {
             font-size: 1.2em;
             font-weight: bold;
         }
+        .footer {
+            visibility: visible;
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            background-color: #f1f1f1;
+            text-align: center;
+            padding: 10px;
+            font-size: 1em;
+            color: #555555;
+        }
+        .main-content {
+            padding-bottom: 70px; /* Space for the footer */
+        }
     </style>
     """, unsafe_allow_html=True)
 
+# Main content
 st.markdown('<div class="title">Python FAQs Question Answering App</div>', unsafe_allow_html=True)
 st.markdown("""
     <div class="description">
@@ -36,6 +54,9 @@ st.markdown("""
     </div>
     """, unsafe_allow_html=True)
 
+# Container for main content to avoid footer overlap
+st.markdown('<div class="main-content">', unsafe_allow_html=True)
+
 # Input for user query
 query = st.text_input("Enter your question:")
 
@@ -47,25 +68,11 @@ if query:
 else:
     st.markdown("Please enter a question to get an answer.")
 
+# Close the main content container
+st.markdown('</div>', unsafe_allow_html=True)
+
 # Add a footer
 st.markdown("""
-    <style>
-        footer {
-            visibility: hidden;
-        }
-        .footer {
-            visibility: visible;
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            background-color: #f1f1f1;
-            text-align: center;
-            padding: 10px;
-            font-size: 1em;
-            color: #555555;
-        }
-    </style>
     <div class="footer">
         Made with ❤️ in Python by Raghu
     </div>