Update app.py

app.py

@@ -9,17 +9,40 @@ css = """
 .gradio-container {
     background-color: #c48fc4;  /* Pink background */
     font-family: "Gradio";  /* Fun font */
+    text-align: center;
 }
 
 .gradio-button {
-    background-color: #ff66b2;  /* Pink button */
-    color: white;  /* White text */
-}
-.gradio-input {
-    background-color: #ffccff;  /* Pink input box */
-}
-
-
+        background-color: #FF66B2;  /* Pink button */
+        color: white;
+        font-size: 18px;
+        padding: 15px;
+        border-radius: 10px;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    }
+    .gradio-button:hover {
+        background-color: #FF3385;  /* Lighter pink on hover */
+    }
+    .gradio-input textarea {
+        background-color: #FFCCE5;  /* Light pink input box */
+        border-radius: 10px;
+        border: 2px solid #FF66B2;
+        padding: 10px;
+        font-size: 16px;
+    }
+    .gradio-input textarea:focus {
+        border-color: #FF3385;  /* Focus effect for the input box */
+    }
+    .gradio-output {
+        background-color: #FFF0F6;  /* Soft pink background for output */
+        border-radius: 10px;
+        padding: 15px;
+        font-size: 18px;
+        color: #FF66B2;  /* Pink text for the response */
+    }
+    .gradio-interface {
+        padding-top: 30px;
+    }
 """
 
 # Creating a Gradio interface