Init Commit

style.css

@@ -0,0 +1,109 @@
+/* purista-regular - latin */
+@font-face 
+{
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Purista';
+    font-style: normal;
+    font-weight: 400;
+    src: url('/fonts/Purista.ttf') format('truetype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+*
+{
+    margin: 0;
+    font-family: Purista;
+}
+
+.bgImage
+{
+    background-color: black;
+
+    position: fixed;
+    
+    width: 100vw;
+    height: 100vh;
+}
+
+.loadingEntry
+{
+    z-index: 1;
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    background-color: black;
+}
+
+.blendInAnimation
+{
+    animation-fill-mode: forwards;
+    animation-name: blendIn;
+    animation-duration: 2s;
+}
+
+.blendOutAnimation
+{
+    animation-fill-mode: forwards;
+    animation-name: blendOut;
+    animation-duration: 2s;
+}
+
+.mapName
+{
+    background-color: rgba(0, 0, 0, 0.4);
+    color: white;
+    font-size: 20pt;
+    padding: 10px;
+    position: fixed;
+    top: 50px;
+    left: 100px;
+}
+
+.gamemodeName
+{
+    background-color: rgba(0, 0, 0, 0.4);
+    color: white;
+    font-size: 20pt;
+    padding: 10px;
+    position: fixed;
+    top: 140px;
+    left: 100px;
+}
+
+.gamemodeInfo
+{
+    color: white;
+    font-size: 20pt;
+    padding: 10px;
+    position: fixed;
+    top: 280px;
+    left: 90px;
+}
+
+.gamemodeInfo > p
+{
+    margin-bottom: 10px;
+}
+
+.serverInfo
+{
+    background-color: rgba(0, 0, 0, 0.4);
+    color: white;
+    font-size: 20pt;
+    padding: 10px;
+    max-width: 700px;
+    position: fixed;
+    bottom: 110px;
+    right: 100px;
+}
+
+@keyframes blendIn 
+{
+    from {opacity: 1;}
+    to {opacity: 0;}
+}
+
+@keyframes blendOut
+{
+    from {opacity: 0;}
+    to {opacity: 1;}
+}