- Game board

- cards
- landing page

public/css/game.css

@@ -1,4 +1,13 @@
 #game {
     height: 100%;
+    width: 100%;
     grid-column-start: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: url(/img/background.jpg) no-repeat center center fixed;
+    -webkit-background-size: cover; /* For WebKit*/
+    -moz-background-size: cover; /* Mozilla*/
+    -o-background-size: cover; /* Opera*/
+    background-size: cover; /* Generic*/
 }

public/css/index.css

@@ -0,0 +1,51 @@
+#login {
+    background: #212121;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+}
+
+#game {
+    display: none;
+}
+
+#chat {
+    display: none;
+}
+
+#login > form {
+    margin-right: auto;
+    margin-left: auto;
+    color: #ffffff;
+    width: 50%;
+}
+
+#login label {
+    font-size: 1.5em;
+}
+
+#login input, #login button {
+    font-size: 2em;
+    -webkit-appearance: none;
+    box-sizing: border-box;
+    height: 2.5em;
+    width: 100%;
+    border: none;
+    border-radius: 5px;
+    padding: 10px;
+    margin-bottom: 5px;
+    margin-top: 5px;
+}
+
+#login input {
+    background-color: #404040;
+    color: #ffffff;
+}
+
+#login button {
+    background-color: #0062ff;
+    color: #ffffff;
+}