Update app.py

app.py

@@ -113,41 +113,42 @@ css = """
     overflow: auto;
     border: 1px solid #ccc;
     padding: 20px;
-    font-size: 1.2em;
+    font-size: 1em; /* Reduced font size */
     border-radius: 8px;
   }
   button, select, input[type="button"], input[type="submit"] {
-    background-color: #0056d2; /* WordLift blue */
+    background-color: #3452db; /* Correct WordLift blue */
     color: white;
-    border-radius: 8px;
+    border-radius: 5px; /* Slightly smaller radius */
     padding: 10px 20px;
     border: none;
     font-size: 1em;
     cursor: pointer;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+    box-shadow: none; /* Removed heavy shadow */
   }
   button:hover, select:hover, input[type="button"]:hover, input[type="submit"]:hover {
-    background-color: #003da1; /* Darker shade of WordLift blue */
+    background-color: #2c44ba; /* Slightly darker shade for hover */
   }
   .gr-box {
     border: 1px solid #e1e1e1;
-    border-radius: 8px;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
-    padding: 20px;
+    border-radius: 5px;
+    box-shadow: none; /* Removed heavy shadow */
+    padding: 15px; /* Reduced padding */
   }
   .gr-block {
-    margin-bottom: 20px;
+    margin-bottom: 15px; /* Reduced margin */
   }
   .output-text {
-    font-size: 1.4em;
+    font-size: 1.1em; /* Reduced font size */
     color: #000000;
-    padding: 15px;
-    border-radius: 8px;
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+    padding: 10px; /* Reduced padding */
+    border-radius: 5px;
+    box-shadow: none; /* Removed heavy shadow */
     border: 1px solid #e1e1e1;
   }
 """
 
+
 with gr.Blocks(css=css) as demo:
     gr.Markdown("<h1>WordLift Product Description Generation - [FREE]</h1>")
     with gr.Tab(label="WordLift Product Description Generation"):