update

Took 5 hours 14 minutes

public/stylesheets/containers.css

@@ -0,0 +1,9 @@
+#containers_volume {
+    min-width: 10%;
+    max-width: 10%;
+    display: inline-block;
+}
+
+#containers_volumeSlider {
+    width: 45%;
+}

public/stylesheets/inputs.css

@@ -102,9 +102,9 @@ label {
 .input {
     padding: 6px;
     font-size: 1.1em;
-
     margin-left: 1%;
     margin-right: 1%;
+    margin-bottom: 2%;
     border: 0;
     border-radius: 3px;
 }

public/stylesheets/menu.css

@@ -1,10 +1,18 @@
 #menu {
     padding-left: 5%;
     padding-right: 5%;
-    padding-top: 1%;
+    padding-top: 10%;
     display: grid;
-    grid-template-columns: repeat(2, calc(90% / 2));
-    grid-template-rows: repeat(2, calc(90% / 2));
+    grid-template-columns: repeat(2, calc(100% / 2));
+    grid-template-rows: repeat(2, calc(95% / 2));
     grid-gap: 2% 2%;
     color: white;
+}
+
+
+#menu > button {
+    grid-row: span 1;
+    grid-column: span 1;
+    font-size: 1.8em;
+    height: 50%;
 }

public/stylesheets/style.css

@@ -2,13 +2,19 @@
 @import url("/stylesheets/fonts.css");
 @import url("/stylesheets/inputs.css");
 @import url("/stylesheets/modal.css");
+@import url("/stylesheets/menu.css");
 @import url("/stylesheets/main.css");
 @import url("/stylesheets/setup.css");
+@import url("/stylesheets/containers.css");
+
 
 :root {
     /*cursor: none !important;*/
 }
 
+ul {
+    list-style: circle;
+}
 
 html * {
     /*cursor: none !important*/