Update app.py

app.py

@@ -239,16 +239,16 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 /* Tab container styling */
-/* Container for the tabs */
-.tabs-container {
+/* Tab container styling */
+.nav-tabs {
     display: flex;
-    justify-content: center;
-    background-color: #333; /* Dark gray background */
-    border-bottom: 1px solid #ffffff;
+    justify-content: space-around;
+    background-color: #333; /* Dark gray background for tab container */
+    border-bottom: 1px solid #fff; /* Thin line under the tab container */
 }
 
 /* Individual tab styling */
-.tabs-container .tab {
+.nav-tabs .nav-item {
     padding: 12px 20px;
     font-weight: 600;
     font-size: 1em;
@@ -257,19 +257,18 @@ h1, h2, h3, h4, h5, h6 {
     transition: color 0.3s ease, border-color 0.3s ease;
 }
 
-/* Hover effect for tabs */
-.tabs-container .tab:hover {
+/* Hover effect on tabs */
+.nav-tabs .nav-item:hover {
     color: #FFCA28; /* Bright yellow on hover */
 }
 
 /* Active tab styling */
-.tabs-container .tab-active {
-    color: #FF8C00; /* Bright orange for active tab text */
+.nav-tabs .nav-item.active {
+    color: #FF8C00; /* Bright orange for the active tab text */
     border-bottom: 3px solid #FF8C00; /* Orange underline for active tab */
     font-weight: 700; /* Bold font for active tab */
 }
 
-
 """
 
 app.launch()