Update app.py

app.py

@@ -144,6 +144,7 @@ def evaluate_predictions(prediction_file, model_name, add_to_leaderboard):
 
 initialize_leaderboard_file()
 
+# Function to set default mode
 # Function to set default mode
 css_tech_theme = """
 body {
@@ -207,18 +208,27 @@ button:hover {
     font-size: 14px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
-"""
+
+.center-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    margin: 20px 0;
+}"""
 
 
 with gr.Blocks(css=css_tech_theme) as demo:
     gr.Markdown("""
-# 🏆 Mobile-MMLU Benchmark Competition
-### 🌟 Welcome to the Competition Overview
-![Competition Logo](https://via.placeholder.com/150)
----
-Welcome to the **Mobile-MMLU Benchmark Competition**. Here you can submit your predictions, view the leaderboard, and track your performance.
----
-    """)
+<div class="center-content">
+<h1>🏆 Mobile-MMLU Benchmark Competition</h1>
+<h3>🌟 Welcome to the Competition Overview</h3>
+<img src="https://via.placeholder.com/150" alt="Competition Logo" style="margin: 20px 0;">
+<p>Welcome to the <strong>Mobile-MMLU Benchmark Competition</strong>. Here you can submit your predictions, view the leaderboard, and track your performance!</p>
+<hr>
+</div>
+    """,elem_id="center-content"))
 
     with gr.Tabs(elem_id="tabs"):
         with gr.TabItem("📖 Overview", elem_classes=["tab-item"]):