@import url('https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css');
@import url('https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio');

body {
 font-family: Arial, sans-serif;
 height: 100vh;
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: #f5f5f5;
 color: #333;
}

h1 {
 font-size: 48px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 20px;
}

.game {
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding: 20px;
 margin: 20px;
 width: 400px;
 height: 400px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 background-color: #fff;
}

.game-canvas {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 400px;
 height: 400px;
}

button {
 padding: 10px 20px;
 font-size: 16px;
 cursor: pointer;
 border: none;
 background-color: #4CAF50;
 color: #fff;
 text-align: center;
 outline: none;
 transition: .4s ease-in-out;
}

button:hover {
 background-color: #45a049;
}