Update app.py

app.py

@@ -226,7 +226,9 @@ header p {
 
 /* Pre-Tabs Section */
 
-.pre-tabs {
+
+
+#pre-tabs{
     text-align: center !important;
     padding: 40px 20px !important;
     background: linear-gradient(135deg, #ffffff, #f9fafb) !important;
@@ -234,7 +236,7 @@ header p {
     border-bottom: 5px solid #6a1b9a;
 }
 
-.pre-tabs h2, .post-tabs h2 {
+#pre-tabs h2, #pre-tabs h2 {
     font-size: 3em !important; /* Increase the size for better visibility */
 }
 
@@ -242,12 +244,12 @@ header p {
     font-size: 2.5em !important; /* Adjust paragraph text size */
 }
 
-.pre-tabs h2 {
+#pre-tabs h2 {
     color: #333333;
     margin-bottom: 15px;
 }
 
-.pre-tabs p {
+#pre-tabs p {
     color: #555555;
     line-height: 1.8;
 }
@@ -412,9 +414,10 @@ with gr.Blocks(css=css_tech_theme) as demo:
     <h2>Why Participate?</h2>
     <p>
         The Mobile-MMLU Benchmark Competition offers a unique opportunity to evaluate your LLMs in real-world mobile scenarios. 
-        Join the challenge to drive innovation, showcase your expertise, and shape the future of mobile AI.</p>
-    </section>
-    """)
+        Join the challenge to drive innovation, showcase your expertise, and shape the future of mobile AI.
+    </p>
+    </section>""", elem_id="pre-tabs")
+
     
  # Tabs Section
     with gr.Tabs(elem_id="tabs"):