build out skip link

assets/styles/nav.css

@@ -1,12 +1,14 @@
 /* top nav */
 nav {
+  position: relative;
   margin: 0 auto 1.5rem;
   display: flex;
   justify-content: space-between;
+  align-items: flex-start;
 }
 
 nav a {
-  display: block;
+  display: inline-block;
   text-decoration: none;
   font-size: 1.2rem;
   padding: 0 .25rem;
@@ -27,10 +29,37 @@ nav a:focus-visible {
   outline: solid .25rem var(--color-accent);
 }
 
+#skip {
+	left: -999px;
+	position: absolute;
+	top: auto;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	z-index: -99;
+  background-color: var(--color-bg);
+}
+
+#skip:focus-visible {
+	left: 3rem;
+  top: 1.5rem;
+	width: auto;
+	height: auto;
+	overflow: auto;
+	z-index: 999;
+}
+
 nav ul {
   display: flex;
   justify-content: flex-end;
   gap: .5rem;
+  align-items: flex-end;
+}
+
+@media (max-width: 450px) {
+  nav ul {
+    flex-flow: column nowrap;
+  }
 }
 
 nav li {