Update ui/styles.css

ui/styles.css

@@ -1,34 +1,9 @@
-* { color: pink; }
-
-/* style.css */
-
-html, body, #root,
-.gradio-container, .app, .gradio-page, .gradio-interface, .gr-group, .html-container {
-  background-color: white !important;            /* changed from #ffffff */
+#control_panel {  /* This one exists in your HTML! */
+    background-color: lightgreen !important;
+    padding: 15px !important;
+    margin: 10px !important;
 }
 
-#header {
-    text-align: center;
-    font-size: 2em;
-    margin-bottom: 20px;
-    color: darkslategray;
-}
-#user-guidance {
-    font-size: 1.1em;
-    color: dimgray;
-    margin-bottom: 20px;
-}
-#main, #control_panel {
-    padding: 20px;
-    background-color: white;
-    margin-bottom: 20px;
-    border-radius: 5px;
-}
-#examples {
-    font-size: 1.1em;
-    color: darkslategray;
-    margin-bottom: 20px;
-}
 #footer {
     text-align: center;
     color: gray;