Update styles/style.css

styles/style.css

@@ -1,17 +1,57 @@
 h1 {
     text-align: center;
-  }
-  
-  #duplicate-button {
+    color: #1565c0;
+}
+
+#duplicate-button {
     margin: auto;
     color: white;
     background: #1565c0;
-    border-radius: 100vh;
-  }
-  
-  #component-0 {
+    border-radius: 50px;
+}
+
+#component-0 {
     max-width: 900px;
     margin: auto;
     padding-top: 1.5rem;
-  }
-  
+}
+
+#chatbot {
+    background: #f9f9f9;
+    border-radius: 8px;
+    padding: 1rem;
+}
+
+#chatbot .gr-message-user {
+    background-color: #e3f2fd;
+    border-radius: 8px;
+}
+
+#chatbot .gr-message-bot {
+    background-color: #bbdefb;
+    border-radius: 8px;
+}
+
+.gr-input-group input, .gr-input-group textarea {
+    border-radius: 8px;
+}
+
+.gr-input-group .gr-button-primary {
+    background-color: #1565c0;
+    color: white;
+    border-radius: 8px;
+}
+
+.gr-input-group .gr-button-secondary {
+    background-color: #eeeeee;
+    color: #1565c0;
+    border-radius: 8px;
+}
+
+#advanced-options .gr-accordion-label {
+    color: #1565c0;
+}
+
+.gr-slider-container .gr-slider-label {
+    color: #1565c0;
+}