Update app.py

app.py

@@ -163,12 +163,55 @@ def app_function(user_input, location, query, history):
 
 # Gradio Interface
 custom_css = """
-body { background: linear-gradient(135deg,#0d0d0d,#ff5722); color: white; }
-textarea, input { background: black; color: white; border: 2px solid orange; padding: 10px }
+body {
+    font-family: 'Roboto', sans-serif;
+    background: linear-gradient(135deg,#0d0d0d,#ff5722);
+    color: white;
+}
+
+h1 {
+    background: #ffffff;
+    color: #000000;
+    border-radius: 8px;
+    padding: 10px;
+    font-weight: bold;
+    text-align: center;
+    font-size: 2.5rem;
+}
+
+textarea, input {
+    background: black;
+    color: white;
+    border: 2px solid orange;
+    font-size: 1rem;
+    padding: 10px;
+    border-radius: 8px;
+}
+
+button {
+    background: linear-gradient(135deg, orange, #ff4500);
+    color: white;
+    padding: 10px;
+    border-radius: 8px;
+    font-weight: bold;
+    font-size: 1.2rem;
+    border: none;
+    cursor: pointer;
+}
+
+button:hover {
+    box-shadow: 0px 4px 8px rgba(255, 165, 0, 0.5);
+}
+
+.chat-container .human {
+    background: linear-gradient(to right, #ff7f50, orange);
+    color: white;
+    padding: 8px;
+}
 """
 
 with gr.Blocks(css=custom_css) as app:
-    gr.HTML("<h1 style='text-align: center'>🌟 Well-Being Companion</h1>")
+    gr.HTML("<h1>🌟 Well-Being Companion</h1>")
     with gr.Row():
         user_input = gr.Textbox(label="Your Message")
         location = gr.Textbox(label="Your Location")