Update app.py

app.py

@@ -136,45 +136,36 @@ def toggle_hint_mode():
 # UI
 with gr.Blocks(title="Kasoti", theme=gr.themes.Soft(primary_hue="pink", secondary_hue="blue")) as demo:
     gr.Markdown(
-    """
-    <link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">
-    <style>
-        * { font-family: 'Comic Neue', cursive; }
-        body {
-            background: linear-gradient(120deg, #ffe0f0 0%, #e0f7ff 100%);
-            margin: 0;
-            padding: 0;
-            text-align: center;
-        }
-        .gr-button {
-            border-radius: 12px !important;
-            font-size: 16px !important;
-            padding: 10px 18px !important;
-        }
-        .title-container {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            margin-top: 20px;
-        }
-        .title-text {
-            font-size: 36px;
-            color: #ff69b4;
-            font-weight: bold;
-        }
-        .subtitle-text {
-            font-size: 16px;
-            color: #555;
-        }
-    </style>
-    <div class='title-container'>
+        """
+        <link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">
+        <style>
+            * { font-family: 'Comic Neue', cursive; }
+            body {
+                background: linear-gradient(120deg, #ffe0f0 0%, #e0f7ff 100%);
+            }
+            .gr-button {
+                border-radius: 12px !important;
+                font-size: 16px !important;
+                padding: 10px 18px !important;
+            }
+            .title-text {
+                text-align: center;
+                font-size: 32px;
+                color: #ff69b4;
+                font-weight: bold;
+                margin-bottom: 0;
+            }
+            .subtitle-text {
+                text-align: center;
+                font-size: 16px;
+                color: #555;
+                margin-top: 0;
+            }
+        </style>
         <div class='title-text'>🧠 Kasoti - The Mind Reading Game</div>
         <p class='subtitle-text'>Think of something and answer my yes/no questions — let's see if I can guess it in 20 tries! 🕵️‍♀️</p>
-    </div>
-    """
-)
-
+        """
+    )
     with gr.Row():
         start = gr.Button("🎲 Start Game")
         hint_toggle = gr.Button("💡 Toggle Hint Mode")