diff --git a/.gitignore b/.gitignore
index f7d4a3c..fd6a1e3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 config.json
+db.json
diff --git a/public/css/style.css b/public/css/style.css
index 74f7d34..9d09601 100644
--- a/public/css/style.css
+++ b/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;
 }
diff --git a/public/fonts/NotoColorEmoji.ttf b/public/fonts/NotoColorEmoji.ttf
new file mode 100644
index 0000000..44658c6
Binary files /dev/null and b/public/fonts/NotoColorEmoji.ttf differ
diff --git a/public/js/back_client.js b/public/js/back_client.js
index 7436ff9..a53f8e7 100644
--- a/public/js/back_client.js
+++ b/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() {
diff --git a/public/js/front_client.js b/public/js/front_client.js
index a33bd3d..00d3b87 100644
--- a/public/js/front_client.js
+++ b/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
   });
 });