Create assets/custom.css

assets/custom.css

@@ -0,0 +1,26 @@
+body {
+    background-color: #f9f9f9;
+    font-family: 'Cairo', sans-serif;
+}
+
+h1 {
+    color: #2c3e50;
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.gradio-container {
+    max-width: 1200px !important;
+}
+
+button.primary {
+    background-color: #6a11cb;
+    background-image: linear-gradient(315deg, #6a11cb 0%, #2575fc 74%);
+    border: none;
+    color: white;
+}
+
+textarea {
+    font-size: 16px !important;
+    line-height: 1.6 !important;
+}