CSSing, baseof stuff

static/css/screen.css

@@ -24,9 +24,6 @@ ul, ol { margin-left: 30px; }
 
 li > ul, li > ol { margin-bottom: 0; }
 
-/** Headings */
-h1, h2, h3, h4, h5, h6 { font-weight: 400; }
-
 /** Links */
 a { color: #2a7ae2; text-decoration: none; }
 
@@ -75,6 +72,9 @@ header, footer {
 header > * {
     padding-top: 0.5em;
 }
+header {
+  box-shadow: 0 0 25px 0 black;
+}
 footer {
     color: white;
 }
@@ -174,6 +174,7 @@ a.button {
 }
 nav {
   display: flex;
+  /* Looks crap, but better than broken nav */
   flex-wrap: wrap;
   align-items: center;
   width: 70%;
@@ -181,4 +182,26 @@ nav {
 nav > * {
   padding-left: 2em;
   padding-right: 2em;
+  border-left: 2px solid black;
+}
+nav :first-child {
+  padding-left: 0;
+  border-left: none;
+}
+nav a:hover {
+  color: white;
+}
+
+@media only screen and (max-width: 800px) {
+    nav {
+        flex-direction: column;
+    }
+    nav > * {
+        margin-right: auto;
+        padding-bottom: 0.5em;
+    }
+    nav :first-child {
+        padding-left: 2em;
+        border-left: 2px solid black;
+    }
 }