Update app.py

app.py

@@ -215,32 +215,34 @@ textarea {
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
 }
 
-/* Tabs Styling */
+/* Tab container styling */
 .nav-tabs {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
     background-color: #333;
     border-bottom: 1px solid #fff;
     padding: 10px;
 }
 
+/* Individual tab styling */
 .nav-tabs .nav-item {
     font-size: 1em;
-    color: #B0BEC5;
+    color: #ffffff; /* Inactive tabs in white */
     padding: 10px 20px;
     cursor: pointer;
     transition: color 0.3s, transform 0.3s;
     font-weight: 500;
 }
 
+/* Hover effect on tabs */
 .nav-tabs .nav-item:hover {
-    color: #FFCA28;
-    transform: translateY(-2px);
+    color: #FFCA28; /* Bright yellow on hover */
 }
 
+/* Active tab styling */
 .nav-tabs .nav-item.active {
-    color: #FF8C00;
-    border-bottom: 3px solid #FF8C00;
+    color: #FF8C00; /* Orange color for active tab */
+    border-bottom: 3px solid #FF8C00; /* Orange underline for active tab */
     font-weight: 700;
 }