Update index.html

index.html

@@ -24,7 +24,14 @@
 				min-height: 100vh;
 				color: #fff;
 			}
-
+                .game-container {
+    				position: relative;
+    				margin: auto 0;
+    				background: #2d2d2d;
+    				padding: 20px;
+    				border-radius: 10px;
+    				box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+    			}
 			@media (max-width:500px) {
 				body {
 					font-size: 12px;
@@ -34,24 +41,29 @@
 					width: 100vw;
 					height: 100vh;
 				}
-				canvas {
+  			.game-container {
+    				position: fixed;
+    				margin: auto 0;
+					position: absolute;
+					top: 50%;
+					left: 50%;
+    				background: #2d2d2d;
+    				padding: 20px;
+    				border-radius: 10px;
+    				box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+    			}	
+              
+              /*canvas {
                     inset:0;
 					position: absolute;
 					top: 50%;
 					left: 50%;
 					transform: translate(-50%, -50%);
 					transform: scale(0.8);
-				}
+				}*/
 			}
 
-			.game-container {
-				position: relative;
-				margin: auto 0;
-				background: #2d2d2d;
-				padding: 20px;
-				border-radius: 10px;
-				box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-			}
+			
 
 			.info-panel {
 				display: flex;