made interest list into figure

src/css.css

@@ -55,12 +55,12 @@ body {
   margin: 0;
 }
 
-p, h1, ul, h1, h2, h3, nav, header, details, table {
+p, h1, ul, h1, h2, h3, nav, header, details, table, figcaption {
   color: var(--font-color);
   font-family: atkinsonhyperlegible, Verdana, sans-serif;
 }
 
-p, ul, nav, code, table {
+p, ul, nav, code, table, figcaption {
   font-size: 22px;
 }
 
@@ -151,3 +151,7 @@ td, th {
   border: 2px solid var(--header-border-color);
   padding: 6px;
 }
+
+figure {
+  margin-left: 0;
+}

src/index.html

@@ -13,7 +13,8 @@
     <div id="pagewrap">
       <p>they/she &bull; bi &bull; trans &bull; girlflux</p>
       <p>links: <a href="https://pronouns.cc/@qhri">pronouns.cc</a> &bull; <a href="https://sharkey.qhri.net/@qhri">fedi</a> (@qhri@sharkey.qhri.net) &bull; <a href="https://bsky.app/profile/qhri.net">bluesky</a> (@qhri.net) &bull; <a href="https://listenbrainz.org/user/CreativeUsername/">listenbrainz</a> &bull; <a href="https://www.last.fm/user/qhri">last.fm</a> &bull; <a href="https://www.discogs.com/user/creativusername/collection">discogs</a> &bull; <a href="https://bandcamp.com/qhri">bandcamp</a><br></p>
-      <p>interests:</p>
+      <figure>
+      <figcaption>interests:</figcaption>
         <ul>
           <li>music
             <ul>
@@ -27,6 +28,7 @@
           <li>dropout</li>
           <li>object shows</li>
         </ul>
+      </figure>
       <p><a href="/guides/">guides i made for myself and you might also find useful maybe</a></p>
       <p><a href="/emoji/">emoji</a></p>
       <p>thankies to <a href="https://gts.aylamz.me/@aylamz">Aylam</a> for helping me improve my website <3</p>