Update app.py

app.py

@@ -147,13 +147,18 @@ css = """
 """
 
 with gr.Blocks(css=css) as tic_tac_toe:
-    gr.Markdown(
-        """
-        <div style="text-align: center; margin: 20px 0; font-size: 3.5em; font-weight: bold; color: blue;">
-            Tic-Tac-Toe with AI 🎮
-        </div>
-        """
-    )
+    with gr.Row():
+        gr.HTML(
+            """
+            <div style="text-align: center; margin: auto;">
+                <h1 style="color: #1155ff; font-size: 3.5em; font-weight: bold; font-family: 'Arial', sans-serif; margin-bottom: 0.5em;"> Tic-Tac-Toe with AI 🎮</h1>
+                <p style="font-size: 1.5em; color: #555555; font-weight: lighter; font-family: 'Verdana', sans-serif;">
+                    Let's Play!
+                </p>
+            </div>
+            """
+        )
+       
     game_status = gr.Markdown(value="<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>")
     difficulty = gr.Radio(["Easy", "Medium", "Hard"], value="Medium", label="Select Difficulty Level")