move about into context

app/static/css/site.scss

@@ -4,6 +4,7 @@ header, footer {
     margin: auto;
 }
 header {
+    width: 100%;
     a {
         color: yellow;
         text-decoration: none;
@@ -59,18 +60,31 @@ nav.overlay {
     position: absolute;
     width: 100%;
     height: 100vh;
-    top: 42px;
+    top: 0;
     left: 0;
     right: 0;
+    padding: 0;
+    border: 0;
     max-width: 1000px;
     margin: auto;
     background: rgb(16, 16, 16);
     opacity: 0;
     z-index: 100;
-    padding: 4px;
     display: none;
     &.active {
-        display: block;
+        display: flex;
+        flex-direction: column;
         opacity: 0.9;
     }
+    .about {
+        padding: 4px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        flex-grow: 1;
+        white-space: pre-line;
+    }
+    .user {
+        padding: 4px;
+        padding-bottom: 8px;
+    }
 }