diff --git a/css/main.css b/css/main.css
index f76ad4d..d9cf0b1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,43 +1,63 @@
-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 {
-    cursor: crosshair;
-    background-color: #a5402d;
-}
-p, button {
-    font-size: 4vmin;
-    margin-top: 4vmin;
-}
+html,
+body,
+canvas,
 #menuBox {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
-.box, button {
-    width: 33%;
-    border-radius: 4vmin;
-}
-.box {
-    padding: 4vmin;
-    background: rgba(0, 0, 0, 0.5);
+
+* {
+  border: 0;
+  margin: 0;
+  text-align: center;
+  color: white;
 }
+
+h1,
+p,
 button {
-    width: 60%;
-    padding: 1vmin;
-    cursor: pointer;
-    outline: none;
+  font: 400 5rem "Raleway", cursive;
 }
+
+canvas,
+button {
+  cursor: crosshair;
+  background-color: #a5402d;
+}
+
+p,
+button {
+  font-size: 1.8rem;
+  margin-top: 2rem;
+}
+
+#menuBox {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.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;
+  display: none;
 }