404 and style cleanups

public/styles/404.css

@@ -0,0 +1,10 @@
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  font-weight: 300;
+  font-size: 2em;
+}

public/styles/base.css

@@ -153,13 +153,6 @@ code[class*="language-"] {
 html,
 body {
   font-family: "Signifier", serif;
-}
-
-header,
-footer {
-  padding: 30px 20px;
-  font-size: 1.5em;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  background: #f5f1e8;
+  color: #3a3a3a;
 }

public/styles/index.css

@@ -1,20 +1,19 @@
-body {
-  background: #f5f1e8;
-  color: #3a3a3a;
-}
-
 header {
+  padding: 60px 0;
   display: flex;
-  padding: 60px;
-  max-width: 1200px;
-  margin: 0 auto;
+  align-items: center;
+  justify-content: space-between;
 }
 
 h1,
-header span {
-  margin: 0;
-  font-weight: 300;
+.delta {
   font-size: 4em;
+  font-weight: 300;
+}
+
+.container {
+  max-width: 60%;
+  margin: 0 auto;
 }
 
 section {
@@ -26,7 +25,6 @@ section {
 }
 
 h2 {
-  margin-top: 24px;
   font-weight: 300;
   font-style: italic;
   font-size: 2em;