styling tweaks

client/src/styles/GLOBAL.css

@@ -24,6 +24,7 @@ th, thead, tr, tt, u, ul, var {
 html {
     font-family: 'signika-negative', sans-serif !important;
     background-color: #0f0f10;
+    overflow: auto;
 }
 
 body {
@@ -32,6 +33,8 @@ body {
     align-items: flex-start;
     margin: 0 auto;
     position: relative;
+    background-color: #0f0f10;
+    height: 100vh;
 }
 
 .bmc-btn {
@@ -235,8 +238,8 @@ input {
     font-family: 'diavlo', sans-serif;
     border-radius: 5px;
     padding: 2px 5px;
-    font-size: 18px;
-    margin: 0 0.5em;
+    font-size: 19px;
+    margin: 0 0.75em;
     width: fit-content;
 }
 

client/src/styles/create.css

@@ -192,7 +192,7 @@ label[for="game-time"], label[for="add-card-to-deck-form"], label[for="deck"] {
 }
 
 input[type="number"] {
-    min-width: 3em;
+    width: 3em;
     font-size: 40px;
 }
 

client/src/styles/home.css

@@ -1,12 +1,10 @@
 html {
     background: rgb(0,0,0);
     background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgb(17 18 18) 35%, rgba(27,31,31,1) 100%);
-    height: 100%;
 }
 
 body {
     align-items: center;
-    height: 100%;
 }
 
 button#home-create-button {
@@ -17,7 +15,7 @@ button#home-create-button {
 form {
     display: flex;
     flex-wrap: wrap;
-    margin: 1em 0;
+    margin: 10px 0;
     padding: 10px;
     border-radius: 3px;
     background-color: black;
@@ -90,4 +88,8 @@ label[for="room-code"], label[for="player-name"] {
     button#home-create-button {
         font-size: 5vw;
     }
+
+    #room-code {
+        max-width: 9em;
+    }
 }