Update style.css

style.css

@@ -11,7 +11,7 @@ body {
 .game-container {
     position: relative;
     width: 100vw;
-    height: 100vh;
+    height: 80vh; /* Reduced height to accommodate controls */
     border: 3px solid #00ffcc;
     overflow: hidden;
     box-shadow: 0 0 20px #00ffcc;
@@ -41,4 +41,31 @@ body {
     border-radius: 10px;
     box-shadow: 0 0 20px #00ffcc;
     transform: translateX(-50%);
+}
+
+/* Controls */
+.controls {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    margin-top: 10px;
+}
+
+.controls button {
+    background: linear-gradient(90deg, #ff0066, #ffcc00);
+    color: white;
+    border: none;
+    border-radius: 10px;
+    padding: 10px 20px;
+    font-size: 1.5em;
+    box-shadow: 0 0 10px #ff0066;
+    cursor: pointer;
+    outline: none;
+    transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.controls button:hover {
+    transform: scale(1.1);
+    box-shadow: 0 0 15px #ffcc00;
 }