Scalable game canvas

public/src/css/game.css

@@ -28,14 +28,14 @@
 	width: 90%;
 	height: 25%;
 	display: block;
-	margin: auto auto 30px;
+	margin: 0 auto;
 	cursor: pointer;
-	border:5px solid #ae7a26;
+	border:.5vmin solid #ae7a26;
 	background: rgb(255, 255, 255);
 	color: black;
 	font-family: TnT;
-	font-size: 5vmin;
-	border-radius: 10px;
+	font-size: 3.5vmin;
+	border-radius: 1.5vmin;
 }
 
 #pause-menu button:hover{

public/src/css/main.css

@@ -31,17 +31,22 @@ html, body{
 }
 
 .window{
-    font-size: 14pt;
-    width: 30%;
-    height: 30%;
-    padding: 30px;
+    width: 60vmin;
+    height: 23vmin;
+    padding: 3vmin;
     color: black;
     background: rgba(255, 220, 47, 0.95);
-    border: 7px outset #f4ae00;
-    position:relative;
+    border: .5vmin outset #f4ae00;
     box-shadow: 2px 2px 10px black;
-    top: 35%;
-    left: 35%;
+    margin: auto;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
     
 }
 
@@ -59,7 +64,7 @@ html, body{
     position: absolute;
     right: 0;
     font-size: 5vmin;
-    margin: 30px 30px 0px 0px;
+    margin: 3vmin 3vmin 0px 0px;
     color: white;
     float: right;
     z-index: 1;