Update app.py

app.py

@@ -308,7 +308,7 @@ color: blue;
 }
 
 /* Footer */
-footer {
+.footer {
     background: linear-gradient(135deg, #6a1b9a, #8e44ad);
     color: #ffffff;
     text-align: center;
@@ -318,12 +318,12 @@ footer {
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 }
 
-footer h2 {
+.footer h2 {
     font-size: 1.5em;
     margin-bottom: 15px;
 }
 
-footer p {
+.footer p {
     font-size: 0.8em;
     line-height: 1.6;
     margin-bottom: 20px;
@@ -408,12 +408,12 @@ with gr.Blocks(css=css_tech_theme) as demo:
     """)
 #     # Pre-Tabs Section
     gr.Markdown("""
-    # <section class="pre-tabs" style="padding: 40px 20px; background: linear-gradient(135deg, #ffffff, #f9fafb); border: 3px solid #6a1b9a; border-radius: 12px; box-shadow: 0 4px 10px rgba(106, 27, 154, 0.2); margin-bottom: 20px;">
-    <h2 style="color: #6a1b9a; text-align: center; font-size: 3em;">Why Participate?</h2>
-    <p style="font-size: 1.7em; color: #333; text-align: center;">
+    <section class="pre-tabs">
+    <h2>Why Participate?</h2>
+    <h3>
         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.</h3>
+    </section>
     """)
     
  # Tabs Section
@@ -548,7 +548,7 @@ with gr.Blocks(css=css_tech_theme) as demo:
 
     # Footer Section
     gr.Markdown("""
-    <footer>
+    <section class="footer">
         <h2>Stay Connected</h2>
         <p>
             Follow us on social media or contact us for any queries. Let's shape the future of AI together!
@@ -557,7 +557,7 @@ with gr.Blocks(css=css_tech_theme) as demo:
         <a href="https://website.com" target="_blank" class="social-link">🌐 Website</a>
         <a href="https://github.com/VILA-Lab/Mobile-MMLU" target="_blank" class="social-link">🐙 GitHub</a>
     </div>
-    </footer>
+    </section>
     """)
 
 demo.launch()