feat: scrollable header when too wide

also condense some stuff

Author: intergrav

dev.css

@@ -245,37 +245,25 @@ header h3 {
 	padding-bottom: 0;
 }
 
-header nav ul {
-	display: flex;
-	list-style: none;
-	padding: 0;
-}
-
-header nav ul li {
-	margin: 0;
-	display: flex;
-}
-
-header nav ul li:not(:first-child)::before {
-	content: "•";
-	margin: 0 0.25em;
-}
-
 footer > *:last-child {
 	margin-bottom: 0;
 }
 
+header nav ul,
 footer nav ul {
 	display: flex;
+	overflow-x: auto;
 	list-style: none;
 	padding: 0;
 }
 
+header nav ul li,
 footer nav ul li {
 	margin: 0;
 	display: flex;
 }
 
+header nav ul li:not(:first-child)::before,
 footer nav ul li:not(:first-child)::before {
 	content: "•";
 	margin: 0 0.25em;