Update app.py

app.py

@@ -239,17 +239,24 @@ body {
     min-height: calc(100vh - 4rem); /* Adjust 4rem if your top/bottom margin (2rem each) changes */
     display: flex; /* Helps in making content fill vertical space */
     flex-direction: column; /* Stacks content vertically within the container */
+
+     /* --- ADD/CHANGE THESE LINES FOR FULL WIDTH --- */
+    max-width: unset !important; /* Removes the 1200px max-width constraint */
+    width: 100% !important;     /* Ensures it always takes full available width */
+    margin: 0 !important;       /* Removes auto margin, pushes it to edges */
+    border-radius: 0 !important; /* Remove border-radius if you want sharp corners for full width */
+    /* --- END ADD/CHANGE --- */
 }
 
 .header-container {
     width: 100%;
-    height: 140px;
+    height: 160px;
     position: relative;
     display: flex; /* For centering the h1 */
     flex-direction: column; /* For vertical alignment */
     justify-content: center; /* Centers the h1 vertically */
     align-items: center; /* Centers the h1 horizontally */
-    padding: 0 1rem; /* Padding for text inside, equivalent to p-4 for text content */
+    padding: 2rem 1rem; /* Padding for text inside, equivalent to p-4 for text content */
     overflow: hidden;
     border-bottom-left-radius: 1rem; /* Equivalent to rounded-b-2xl */
     border-bottom-right-radius: 1rem; /* Equivalent to rounded-b-2xl */
@@ -270,7 +277,7 @@ label, .gr-checkbox-label span { /* Target labels and checkbox labels */
 .header-container h1 {
     color: #E6E6FA !important; /* Equivalent to text-lavender-100 */
     font-size: 2.5rem !important; /* Equivalent to text-3xl, but made a bit larger for a main heading */
-    font-weight: bold !important; /* Equivalent to font-bold */
+    font-weight: 600 !important; /* Equivalent to font-bold */
     letter-spacing: 0.05em !important; /* Equivalent to tracking-wide */
     width: 100%; /* Equivalent to w-full */
     text-align: center; /* Equivalent to text-center */