Update app.py

app.py

@@ -152,18 +152,18 @@ body {
 
 /* Tab Styling with Rounded Rectangle */
 .gradio-container .gr-tab {
-    color: #f0f0f0;
+    color: #00ff40;
     padding: 10px 20px;
     font-weight: bold;
     cursor: pointer;
     position: relative;
     transition: color 0.3s ease, background-color 0.3s ease;
-    border-radius: 12px;  /* Rounded corners for tabs */
+    border-radius: 20px;  /* Rounded corners for tabs */
 }
 
 .gradio-container .gr-tab:hover {
     color: #ffffff;
-    background-color: #ff9800; /* Background color for hover effect */
+    background-color: #0000ff; /* Background color for hover effect */
 }
 
 .gradio-container .gr-tab-active {
@@ -173,7 +173,7 @@ body {
 }
 
 .gradio-container .gr-tab + .gr-tab {
-    margin-left: 5px; /* Adds space between tabs */
+    margin-left: 10px; /* Adds space between tabs */
 }
 
 /* Input Field Styling */
@@ -197,8 +197,8 @@ body {
 
 /* Button Styling */
 .gr-button {
-    background-color: #ff9800;
-    color: #ffffff;
+    background-color: #0000ff;
+    color: #00ff00;
     border: none;
     border-radius: 8px;
     padding: 12px 25px;
@@ -211,12 +211,12 @@ body {
 }
 
 .gr-button:hover {
-    background-color: #e68a00;
+    background-color: #00ff00;
     transform: translateY(-2px);
 }
 
 .gr-button:active {
-    background-color: #d97600;
+    background-color: #00ff00;
     transform: translateY(0px);
 }