Update style.css

style.css

@@ -1,19 +1,22 @@
-h1 {
-    text-align: center;
-    font-family: 'Arial', sans-serif;
-    color: #ff8c00;
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f9f9f9;
+    color: #333;
 }
 
-button {
-    background-color: #ff8c00;
-    color: white;
-    font-weight: bold;
+.gradio-container {
+    max-width: 800px;
+    margin: auto;
+    padding: 10px;
 }
 
-button:hover {
-    background-color: #e07c00;
+.gr-button {
+    background-color: #4CAF50;
+    color: white;
+    border-radius: 5px;
 }
 
-textarea, input {
-    border-radius: 10px;
-}
+.gr-textbox {
+    border: 1px solid #ccc;
+    padding: 10px;
+}