css

public/app.css

@@ -1,12 +1,40 @@
+@font-face {
+  font-family: Circular;
+  src: url(https://ga-static-assets-s3.global.ssl.fastly.net/webfonts/circular/lineto-circular-book.woff2)
+}
+@font-face {
+  font-family: CircularBlack;
+  src: url(https://ga-static-assets-s3.global.ssl.fastly.net/webfonts/circular/lineto-circular-black.woff2)
+}
+body {
+	font-family:Circular;
+	background-color: rgb(246, 246, 246);
+	color:rgb(34, 34, 34);
+	padding: 0px 40px 40px 40px;
+	margin:0px;
+}
+h1, h2, h3, h4, th{
+	font-family:CircularBlack;
+}
+h1 {
+	background-color:rgb(34, 34, 34);
+	color:white;
+	margin: 0 -40px;
+	padding: 0.5em 40px;
+}
 #container {
 	overflow: visible;
 	margin-bottom: 50px;
+	background-color:white;
+	border: 1px solid rgb(34, 34, 34);
 }
 body {
-	margin: 20px 40px;
 }
 table, th, td {
-	border: 1px solid black;
+	border: 1px solid rgb(34, 34, 34);
+}
+th {
+	background:white;
 }
 th, td {
 	padding:10px;
@@ -14,7 +42,21 @@ th, td {
 }
 li {
 	display:inline-block;
-	border:1px solid black;
+	border:1px solid rgb(34, 34, 34);
 	margin:0.1em;
-	padding:0.1em 0.3em;
+	padding:0.2em 0.4em;
+	background-color:white;
+}
+
+button, input[type="submit"] {
+	color:white;
+	background-color: rgb(228, 26, 35);
+	padding:1em;
+	border:none;
+	font-size:12px;
+	padding: 1em 1.5em;
+}
+
+input[type="text"]{
+	height: 32px;
 }