Streamlit ui update to view full answer

app.py

@@ -10,25 +10,31 @@ st.set_page_config(
 )
 
 # Add a title and description
-st.title("Python FAQs Question Answering App")
 st.markdown("""
-<style>
-    .stTitle {
-        font-size: 3em;
-        font-weight: bold;
-        color: #4CAF50;
-    }
-    .stMarkdown {
-        font-size: 1.2em;
-        color: #555555;
-    }
-    .stTextInput > label {
-        font-size: 1.2em;
-        font-weight: bold;
-    }
-</style>
-""", unsafe_allow_html=True)
-st.markdown("Enter your question about Python and get an instant answer! the chatbot is trained on from the [python faq's](https://docs.python.org/3/faq/index.html).")
+    <style>
+        .title {
+            font-size: 3em;
+            font-weight: bold;
+            color: #4CAF50;
+        }
+        .description {
+            font-size: 1.2em;
+            color: #555555;
+        }
+        .stTextInput > label {
+            font-size: 1.2em;
+            font-weight: bold;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
+st.markdown('<div class="title">Python FAQs Question Answering App</div>', unsafe_allow_html=True)
+st.markdown("""
+    <div class="description">
+        Enter your question about Python and get an instant answer! The chatbot is trained on data from the 
+        <a href="https://docs.python.org/3/faq/index.html" target="_blank">Python FAQs</a>.
+    </div>
+    """, unsafe_allow_html=True)
 
 # Input for user query
 query = st.text_input("Enter your question:")
@@ -61,6 +67,6 @@ st.markdown("""
         }
     </style>
     <div class="footer">
-        Made with ❤️ on python by Raghu
+        Made with ❤️ in Python by Raghu
     </div>
 """, unsafe_allow_html=True)