Update app.py

app.py

@@ -51,8 +51,10 @@ if st.sidebar.button("Submit API Keys"):
 # Main Section with Multicolored Background and Chatbot Title
 main_bg_style = """
     <style>
-        body {
+        .main-content {
             background: linear-gradient(135deg, #ff9a9e, #fad0c4, #fbc2eb, #a18cd1);
+            padding: 20px;
+            border-radius: 10px;
             color: #333; /* Ensure text is visible against the background */
         }
         .stTextInput>div>div>input {
@@ -62,6 +64,9 @@ main_bg_style = """
 """
 st.markdown(main_bg_style, unsafe_allow_html=True)
 
+# Wrapper for main content to apply background style
+st.markdown('<div class="main-content">', unsafe_allow_html=True)
+
 # Title of the chatbot
 st.markdown('<h1 style="color:#4CAF50; font-weight:bold;">🤖 Chatbot with URL-based Document Retrieval</h1>', unsafe_allow_html=True)
 
@@ -135,4 +140,7 @@ if st.button("Submit Query"):
 # Display chat history
 for q, r in st.session_state['chat_history']:
     st.write(f"**User:** {q}")
-    st.write(f"**Bot:** {r}")
+    st.write(f"**Bot:** {r}")
+
+# Close the main content wrapper
+st.markdown('</div>', unsafe_allow_html=True)