Create styles.css

styles.css

@@ -0,0 +1,29 @@
+body {
+    background-color: #F3F4F6; /* Light Gray */
+    color: #374151; /* Dark Gray */
+}
+.gradio-container {
+    font-family: Arial, sans-serif;
+}
+.gr-button {
+    background-color: #1E3A8A; /* Deep Blue */
+    color: white;
+    border: none;
+}
+.gr-button:hover {
+    background-color: #1D4ED8; /* Slightly lighter Blue for hover effect */
+}
+.gr-secondary-button {
+    background-color: #FBBF24; /* Soft Yellow */
+    color: black;
+    border: none;
+}
+.gr-secondary-button:hover {
+    background-color: #FACC15; /* Slightly lighter Yellow for hover effect */
+}
+.gr-textbox, .gr-markdown, .gr-examples {
+    border-color: #1E3A8A; /* Deep Blue */
+}
+.gr-error {
+    color: #EF4444; /* Red */
+}