Update style.css

style.css

@@ -36,20 +36,16 @@ input[type="text"], textarea, .gradio-input, .stTextInput > div {
   width: 100% !important;
   max-width: 300px;
   margin: 0 auto; /* Center it */
+  max-width: 300px;
 }
-
-/* Cute Input Box */
-.stTextInput > div {
-  border-radius: 20px;
-  border: 2px solid #fafcff !important; /* Barbie pink border */
-  background-color: white !important;
-  padding: 8px;
-  color: #8f6c91 !important;
-  text-align: center; /* Center text inside input */
-  margin: 0 auto; /* Center the input box */
-  max-width: 300px; /* Prevent it from being too wide */
+/* Remove Gradio's Background Inside Input */
+.gradio-container input {
+  background-color: white !important; /* Make sure it's white */
 }
 
+
+
+
 /* Cute Buttons
 button {
   border-radius: 20px !important;