1 files changed, 50 insertions, 3 deletions
diff --git a/client/css/main.css b/client/css/main.css
index fbe272c..bfb7426 100644
--- a/client/css/main.css
+++ b/client/css/main.css
@@ -3,9 +3,26 @@
     padding: 0;
 }
 
-#container img {
-    image-rendering: -webkit-optimize-contrast; /* webkit */
-    image-rendering: -moz-crisp-edges /* Firefox */
+:root {
+    font-size: 2rem;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+    color: #fff;
+}
+
+body {
+    background-color: #191919;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+}
+
+#center {
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
 }
 
 .rotate90 {
@@ -25,3 +42,33 @@
     transition: left .1s, top .1s;
     z-index: 2;
 }
+
+#join, #lobby {
+    display: flex;
+    flex-direction: column;
+}
+
+#lobby span {
+    margin-bottom: .5rem;
+}
+
+#lobby #start {
+    margin-top: 1rem;
+}
+
+#lobby #players {
+    display: flex;
+    flex-direction: column;
+}
+
+input {
+    background-color: transparent;
+    outline: none;
+    box-shadow: none;
+    color: #fff;
+    font-size: 1rem;
+    border: solid 2px #fff;
+    padding: .25rem;
+    margin-bottom: .215rem;
+}
+