Update app.py

app.py

@@ -20,15 +20,15 @@ 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:"),
     css="""
-        body { /* Modify the background color of the entire interface */
-            background-color: #f2f2f2;
+        body {
+            background-color: #f2f2f2 !important;
         }
-        .input_text, .output_text { /* Change input and output textboxes styles */
-            color: #4b4b4b;
-            background-color: #e8e8e8;
-            font-family: 'Arial', sans-serif;
-            font-size: 16px;
-            border-radius: 5px; /* Add rounded corners to the textboxes */
+        .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;
@@ -36,12 +36,12 @@ demo = gr.Interface(
             font-size: 18px;
             font-weight: bold;
         }
-        .button { /* Change the style of the submit button */
-            background-color: #007BFF;
-            color: white;
-            font-family: 'Arial', sans-serif;
-            font-size: 16px;
-            border-radius: 5px; /* Add rounded corners to the button */
+        .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;