Update app.py

app.py

@@ -135,8 +135,18 @@ with gr.Blocks(css='''
             border-radius: 5px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .custom-input1 {
+            background: linear-gradient(to right, rgba(232, 243, 214, 0.8), rgba(255, 220, 169, 0.8));
+            color: #333; /* Text color */
+            padding: 10px; /* Padding inside the input */
+            border: 20px solid #FFDA42; /* Initial border color, change as needed */
+            border-color: #FFDA42
+            border-radius: 5px; /* Rounded corners */
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+            transition: all 0.3s ease; /* Smooth transition for interactions */
+        }
         .custom-input2 {
-            background: white; /* White background */
+            background: linear-gradient(to right, rgba(255, 220, 169, 0.8), rgba(250, 171, 120, 0.8));
             color: #333; /* Text color */
             padding: 10px; /* Padding inside the input */
             border: 20px solid #FFDA42; /* Initial border color, change as needed */
@@ -281,7 +291,7 @@ with gr.Blocks(css='''
     #     flavor_association = gr.CheckboxGroup(label="Flavor Association", choices=["Fruity", "Herbal", "Spicy", "Floral", "Nutty", "Woody", "Earthy"])
     #     drinking_experience = gr.CheckboxGroup(label="Drinking Experience", choices=["Refreshing", "Warming", "Comforting", "Energizing", "Relaxing"])
     with gr.Row():
-        allergies = gr.Textbox(label="Allergies", scale=2, elem_classes=["custom-input2"])
+        allergies = gr.Textbox(label="Allergies", scale=2, elem_classes=["custom-input1"])
         additional_requests = gr.Textbox(label="Anything else you would like to address", scale=2, elem_classes=["custom-input2"])
         generate_button = gr.Button("Generate Your Cocktail Recipe", scale=1, elem_classes=["generate-button"])