changes done

app.py

@@ -7,6 +7,29 @@ client = Groq(api_key="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"
 # Page configuration
 st.set_page_config(page_title="Gastroenterology Chatbot", page_icon="🌟")
 
+# Custom CSS for chat styling
+st.markdown("""
+    <style>
+        .chat-bubble {
+            padding: 10px;
+            border-radius: 10px;
+            margin-bottom: 10px;
+        }
+        .user-bubble {
+            background-color: #DCF8C6;
+            text-align: right;
+        }
+        .assistant-bubble {
+            background-color: #ECECEC;
+            text-align: left;
+        }
+        .icon {
+            font-size: 20px;
+            margin-right: 10px;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+
 st.title("🏥 Gastroenterology Chatbot")
 st.write("I am a highly knowledgeable and compassionate AI gastroenterology assistant. Ask me anything about digestive health!")
 
@@ -35,6 +58,6 @@ if user_input:
 st.write("## Chat History")
 for message in st.session_state.messages:
     if message["role"] == "user":
-        st.write(f"**You:** {message['content']}")
+        st.markdown(f"<div class='chat-bubble user-bubble'><strong>You:</strong> {message['content']}</div>", unsafe_allow_html=True)
     elif message["role"] == "assistant":
-        st.write(f"**Assistant:** {message['content']}")
+        st.markdown(f"<div class='chat-bubble assistant-bubble'><strong>Assistant:</strong> {message['content']}</div>", unsafe_allow_html=True)