Revamp 404.html

_sass/main.scss

@@ -17,6 +17,14 @@ img {
   image-orientation: from-image;
 }
 
+html, body {
+  max-width: 100%;
+  max-height: 100%;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+
 html {
   overflow-y: scroll;
   font-size: 16pt;
@@ -24,8 +32,6 @@ html {
 }
 
 body {
-  max-width: 46em;
-  margin: 1em auto 2em auto;
   padding: 0 1em;
   font-family: CMU Serif, serif;
   line-height: 1.5;
@@ -33,6 +39,11 @@ body {
   color: white;
 }
 
+.body-container {
+  max-width: 46em;
+  margin: 0 auto;
+}
+
 p,
 table {
   margin: 0.5em 0;
@@ -346,14 +357,31 @@ article {
 }
 
 .container {
-  margin: 10px auto;
-  max-width: 600px;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   text-align: center;
 
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
+  .inner-container {
+    max-width: 600px;
+
+    h1 {
+      margin: 0;
+      font-size: 6em;
+      line-height: 1;
+      letter-spacing: -1px;
+    }
+
+    span {
+      font-family: CMU Typewriter Text, sans-serif;
+
+
+      a {
+        text-decoration: none;
+        font-style: italic;
+        //color: #90bcff;
+      }
+    }
   }
 }