From c25d9aa975e6eced23b5ee5fb4c81cb340a6109e Mon Sep 17 00:00:00 2001
From: Hadeed Ahmad <hadeedji@gmail.com>
Date: Sat, 1 Jun 2024 00:48:24 +0400
Subject: [PATCH] Use buttons

---
 src/mainMenu.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/mainMenu.jsx b/src/mainMenu.jsx
index e2991ca..d9684d2 100644
--- a/src/mainMenu.jsx
+++ b/src/mainMenu.jsx
@@ -59,14 +59,14 @@ export default () => {
         </div>
       </div>
       <div className="flex w-full flex-col items-center justify-between space-y-[20px]">
-        <div className="flex w-full items-center justify-center rounded-[15px] bg-yellow-700 p-[17px] drop-shadow-[0_8px_0_#CC8B13] hover:bg-yellow-400">
+        <button className="flex w-full items-center justify-center rounded-[15px] bg-yellow-700 p-[17px] drop-shadow-[0_8px_0_#CC8B13] hover:bg-yellow-400">
           <p className="text-h-s text-navy-700 uppercase">New game (vs cpu)</p>
-        </div>
-        <div className="flex w-full items-center justify-center rounded-[15px] bg-blue-700 p-[17px] drop-shadow-[0_8px_0_#118C87] hover:bg-blue-400">
+        </button>
+        <button className="flex w-full items-center justify-center rounded-[15px] bg-blue-700 p-[17px] drop-shadow-[0_8px_0_#118C87] hover:bg-blue-400">
           <p className="text-h-s text-navy-700 uppercase">
             New game (vs player)
           </p>
-        </div>
+        </button>
       </div>
     </div>
   );