Format and fix scaling

css/main.css

@@ -1,43 +1,63 @@
-html, body, canvas,#menuBox {
+html,
+body,
+canvas,
+#menuBox {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
+
 * {
   border: 0;
   margin: 0;
   text-align: center;
   color: white;
-    font: 400 8vmin "Raleway", cursive;
 }
-canvas, button {
+
+h1,
+p,
+button {
+  font: 400 5rem "Raleway", cursive;
+}
+
+canvas,
+button {
   cursor: crosshair;
   background-color: #a5402d;
 }
-p, button {
-    font-size: 4vmin;
-    margin-top: 4vmin;
+
+p,
+button {
+  font-size: 1.8rem;
+  margin-top: 2rem;
 }
+
 #menuBox {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.box, button {
+
+.box,
+button {
   width: 33%;
   border-radius: 4vmin;
 }
+
 .box {
+  min-width: 400px;
   padding: 4vmin;
   background: rgba(0, 0, 0, 0.5);
 }
+
 button {
   width: 60%;
   padding: 1vmin;
   cursor: pointer;
   outline: none;
 }
+
 #endText {
   display: none;
 }