Styling: Background, Table, and Fonts

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 config.json
+db.json

public/css/style.css

@@ -1,5 +1,12 @@
+@font-face {
+  font-family: "Beer";
+  src: url(/fonts/NotoColorEmoji.ttf);
+  unicode-range: U+1F37A;
+}
 body {
   /*font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;*/
+  background-color: hsl(12, 43%, 8%);
+  color: hsl(76, 43%, 94%);
 }
 
 a {
@@ -8,22 +15,24 @@ a {
 
 h1{
   text-align: center;
+  margin-top: 50px;
+  font-family: "Beer", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .controls{
-text-align:center;
+  text-align:center;
 }
 
 
 .jQBracket {
-margin:0 auto;
+  margin: 80px auto 0 auto;
 }
 
 #refresh {
-margin:0 auto;
+  margin: 0 auto;
 }
 
 .label{
-font-size:100%;
-color: black;
+  font-size: 100%;
+  color: black;
 }

public/js/back_client.js

@@ -21,8 +21,8 @@ iosocket.on('stateChange', function(state){
     },
     teamWidth: 130,
     scoreWidth: 20,
-    matchMargin: 20,
-    roundMargin: 20
+    matchMargin: 35,
+    roundMargin: 40
   });
 
   $('.increment').click(function() {

public/js/front_client.js

@@ -22,8 +22,8 @@ iosocket.on('stateChange', function(state){
     },
     teamWidth: 130,
     scoreWidth: 20,
-    matchMargin: 20,
-    roundMargin: 20
+    matchMargin: 35,
+    roundMargin: 40
   });
 });