body { text-align: center; background: #292929; font-family: sans-serif; } #gameArea { display: inline-block; margin-top: 20px; } #field { background-image: url("./Images/grass.png"); background-repeat: repeat; border: 4px solid #bfff9a; border-radius: 10px; } #startBtn { padding: 2px 8px; font-size: 16px; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 10px; background-color: rgb(13, 16, 204); cursor: pointer; } #retryBtn { padding: 2px 8px; font-size: 16px; text-align: center; color: #222222; text-shadow: 1px 1px 1px #000; border-radius: 10px; background-color: rgb(252, 255, 61); cursor: pointer; } #endBtn { padding: 2px 8px; font-size: 16px; text-align: center; color: #222222; text-shadow: 1px 1px 1px #000; border-radius: 10px; background-color: rgb(230, 45, 220); cursor: pointer; } @keyframes zoomIn { 0% { transform: scale(0.3); opacity: 0; } 60% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } #statusBox { position: absolute; top: 12px; right: 4px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 4px; border-radius: 6px; display: none; font-size: 14px; transform-origin: top center; } #clearBtn { margin-left: 4px; padding: 2px 4px; text-align: center; color: #f7f7f7; text-shadow: 1px 1px 1px #000; border-radius: 6px; background-color: rgb(206, 9, 58); cursor: pointer; }