Update app.py

app.py

@@ -33,20 +33,42 @@ def chatbot(audio=None):
 
 # Create a custom interface
 def build_interface():
-    with gr.Blocks() as demo:
+    with gr.Blocks(css="""
+        .block-title {
+            text-align: center; 
+            color: white;
+            background-color: #4CAF50; 
+            padding: 10px;
+            border-radius: 8px;
+        }
+        .gradio-row {
+            background-color: #f0f0f0;
+            border-radius: 8px;
+            padding: 20px;
+            margin: 10px;
+        }
+        .gradio-column {
+            padding: 10px;
+        }
+        .gradio-button {
+            background-color: #4CAF50;
+            color: white;
+            border-radius: 8px;
+        }
+    """) as demo:
         gr.Markdown(
             """
-            <h1 style="text-align: center; color: #4CAF50;">Voice-to-Voice</h1>
+            <h1 class="block-title">Voice-to-Voice AI Chatbot</h1>
             """
         )
-        with gr.Row():
-            with gr.Column(scale=1):
+        with gr.Row(elem_classes="gradio-row"):
+            with gr.Column(elem_classes="gradio-column", scale=1):
                 audio_input = gr.Audio(type="filepath", label="Record Your Voice")
-            with gr.Column(scale=2):
+            with gr.Column(elem_classes="gradio-column", scale=2):
                 chatbot_output_text = gr.Textbox(label="Chatbot Response")
                 chatbot_output_audio = gr.Audio(label="Audio Response")
 
-        submit_button = gr.Button("Send")
+        submit_button = gr.Button("Send", elem_classes="gradio-button")
 
         submit_button.click(
             fn=chatbot,