redo links section

index.html

@@ -46,17 +46,14 @@
 
   <hr>
 
-  <section>
-    <h2>where to find gecs</h2>
-    <dl>
-      <dt>gallery
-      <dd><a href=https://gallery.niss.website>right here!</a>
-      <dt>code
-      <dd><a href=https://git.rhiannon.website/rhi>sometimes!</a>
-      <dt>other
-      <dd><a href=where.html>right this way…</a>
-    </dl>
-  </section>
+  <nav id=links>
+    <ul>
+      <li><a href=https://gallery.niss.website>gallery</a>
+      <li><a href=https://git.rhiannon.website/rhi>code</a>
+      <li><a href=https://lang.niss.website>conlangs</a>
+      <li><a href=where.html>contact</a>
+    </ul>
+  </nav>
 </main>
 
 <!--

style.css

@@ -176,6 +176,20 @@ h1, h2 { --around-image: url(images/sparkles.svg); }
 }
 
 
+#links ul {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  grid-column-gap: 2em;
+
+  margin: auto;
+  padding: 0;
+  font-size: 150%;
+}
+
+#links li { list-style: none; }
+
+
 /* hacky fix for firefox mobile 68 freaking out at blend modes ☹ */
 @media (-moz-touch-enabled) {
   body {