Add server screen

frontend/src/styles/main.scss

@@ -1,27 +1,64 @@
-$breakpoint: 800px;
+@import './vars.scss';
+@import './form.scss';
 
+@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Open+Sans&display=swap');
 * {
   margin: 0;
   box-sizing: border-box;
   color: white;
+  font-family: 'Open Sans', sans-serif;
+
+  &::selection {
+    color: white;
+    background-color: $accent;
+  }
 }
 
 html {
-  background-color: linear-gradient(45deg, #103783, #9bafd9);
-
+  font-size: 0.85rem;
   @media (max-width: $breakpoint) {
-    font-size: 0.7rem;
+    font-size: 0.6rem;
+  }
+}
+
+h1 {
+  &,
+  * {
+    font-family: 'Comfortaa', sans-serif;
+  }
+  font-size: 6rem;
+  text-align: center;
+  padding-bottom: $medium-padding;
+}
+
+.red {
+  color: $red;
+  &::selection {
+    color: $accent;
+    background-color: white;
   }
 }
 
 html,
 body,
-canvas#main {
+canvas {
   height: 100%;
   width: 100%;
+  background: black;
 }
 
 body {
+  #landing-ui {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
   #overlay {
     margin: 0.5rem 1.25rem;
     position: absolute;