finish split nav out; add directory page

css/directory.css

@@ -0,0 +1,48 @@
+#directory {
+  display: grid;
+  flex-flow: row wrap;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 3rem;
+}
+
+@media (max-width: 850px) {
+  #directory {
+    grid-template-columns: 1fr;
+  }
+}
+
+#directory li {
+  list-style: none;
+  border: solid thin var(--color-accent);
+  border-radius: .5rem;
+  outline-offset: .1rem;
+}
+
+@media (any-hover: hover) {
+  #directory li:hover {
+    outline: solid .25rem var(--color-accent);
+  }
+}
+
+#directory li:focus-within {
+  outline: solid .25rem var(--color-accent);
+}
+
+#directory a {
+  text-decoration: none;
+  margin: 0;
+}
+
+#directory a:focus-visible {
+  outline: none; /* outline handled by li:focus-within */
+}
+
+#directory h2 {
+  text-align: center;
+  margin-top: 1rem;
+}
+
+#directory img {
+  margin: 0;
+  border-radius: 0 0 .5rem .5rem;
+}

css/main.css

@@ -36,7 +36,7 @@ body {
   width: 100%;
   flex-grow: 1;
   border-radius: 0 0 2rem 2rem;
-  padding-top: 2rem;
+  padding: 1rem 0 2rem;
 }
 
 header,
@@ -52,7 +52,7 @@ main {
   }
 }
 
-@media (min-width: 1800px) {
+@media (min-width: 2000px) {
   header,
   main {
     width: 45%;