Update app.py

app.py

@@ -20,13 +20,34 @@ demo = gr.Interface(
     inputs=gr.Textbox(label="Insert jargon here (ask a question):", placeholder="E.g. What are gas fees?"),
     outputs=gr.Textbox(label="Get a simple answer in return:"),
     title="Web(GPT)3",
-    css=""".gradio-container, .svelte-drgfj5, .svelte-1jsbsph, .scroll-hide.svelte-drgfj5, .svelte-1ed2p3z, .main.svelte-v63enf, 
-    .wrap.svelte-ujkds4, .contain, .svelte-1adap6y.gap, .block.svelte-1scc9gv.padded, .wrap.center.svelte-1d50qkz.hide, .prose.svelte-1yrv54,
-    .flex.svelte-1btyfsc.unequal-height, .svelte-1adap6y.gap.panel, .svelte-1adap6y.gap, .form.svelte-w3fdu4, .block.svelte-1scc9gv.padded, 
-    .svelte-drgfj5, .svelte-1jsbsph, .scroll-hide.svelte-drgfj5, . {
-    background-color: #FFFFFF;
-    border-color: #FFFFFF;
-    color: black}"""
+    css="""
+        body {
+            background-color: #f2f2f2 !important;
+        }
+        .input_text, .output_text {
+            color: #4b4b4b !important;
+            background-color: #e8e8e8 !important;
+            font-family: 'Arial' !important, sans-serif !important;
+            font-size: 16px !important;
+            border-radius: 5px !important;
+        }
+        .input_label, .output_label { /* Change the style of input and output labels */
+            color: #3a3a3a;
+            font-family: 'Arial', sans-serif;
+            font-size: 18px;
+            font-weight: bold;
+        }
+        .button {
+            background-color: #007BFF !important;
+            color: white !important;
+            font-family: 'Arial' !important, sans-serif !important;
+            font-size: 16px !important;
+            border-radius: 5px !important;
+        }
+        .button:hover { /* Change the style of the submit button on hover */
+            background-color: #0056b3;
+        }
+    """
     )