diff --git a/index.php b/index.php
index 77dcafc..1c11131 100644
--- a/index.php
+++ b/index.php
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link href="style.css" rel="stylesheet" type="text/css" media="all"/>
-    <style type="text/css">
+    <link href="style.css" rel="stylesheet" type="text/css" media="all">
+    <style>
       body {
         margin-top: 0;
         margin-bottom: 0;
@@ -33,6 +33,20 @@
         justify-content: center;
         align-items: center;
       }
+      #webrings {
+        display: grid;
+        grid-template-columns: auto auto;
+        gap: 1rem;
+      }
+      #webrings > div {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      #webrings > div > * {
+        margin: 0 1rem;
+        white-space: nowrap;
+      }
       @media (prefers-reduced-motion) {
         #bubblecolumn {
           display: none;
@@ -49,6 +63,9 @@
           h1 + h2#caption {
             font-size: 1.1em;
           }
+          #webrings {
+            grid-template-columns: auto;
+          }
         }
       }
     </style>
@@ -210,20 +227,33 @@
       <div>
         <h1 style="margin-top: 0;">isopod.cool v3</h1>
         <h2 id="caption"><?php echo $cap; ?></h2>
-        <!--nav><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/">&lt;</a><a href="https://yesterweb.org/webring/">yester webring</a><a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://isopod.cool/">?</a><a href="https://webring.yesterweb.org/noJS/index.php?d=next&https://isopod.cool/">&gt;</a></nav-->
-        <nav><a href="https://hotlinewebring.club/bathynomus/previous">&lt;</a><i><a href="https://hotlinewebring.club/">hotline webring</a></i><a href="https://hotlinewebring.club/bathynomus/next">&gt;</a></nav>
-        <nav><a href="https://melonland.net/surf-club.html">melonring</a><a href="https://brain.melonking.net/surf-club-random">?</a></nav>
-        <!--nav><a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod">&lt;</a><a href="https://webring.bucketfish.me">bucket webring</a><a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod">&gt;</a-->
+        <nav id="webrings">
+          <!--div><a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://isopod.cool/">&lt;</a><a href="https://yesterweb.org/webring/">yester webring</a><a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://isopod.cool/">?</a><a href="https://webring.yesterweb.org/noJS/index.php?d=next&https://isopod.cool/">&gt;</a></div-->
+          <div>
+            <a href="https://hotlinewebring.club/bathynomus/previous">&lt;</a>
+            <i><a href="https://hotlinewebring.club/">hotline webring</a></i>
+            <a href="https://hotlinewebring.club/bathynomus/next">&gt;</a>
+          </div>
+          <div>
+            <a href="https://melonland.net/surf-club.html">melonring</a>
+            <a href="https://brain.melonking.net/surf-club-random">?</a>
+          </div>
+          <div>
+            <a href="https://webring.bucketfish.me/redirect.html?to=prev&name=isopod">⥼</a>
+            <a href="https://webring.bucketfish.me">bucket webring</a>
+            <a href="https://webring.bucketfish.me/redirect.html?to=next&name=isopod">⥽</a>
+          </div>
+        </nav>
       </div>
       <!--script type="text/javascript">document.write('<a href="desktop.html">$login<span class="blinking" >_</span></a>');</script-->
     </main>
     
     <div id="guys">
-      <a target="_blank" href="https://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"/></a>
-      <a target="_blank" href="https://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"/></a>
-      <a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img alt="Kevin" src="images/plant1-2.png"/></a>
-      <a target="_blank" href="https://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"/></a>
-      <a target="_blank" href="https://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"/></a>
+      <a target="_blank" href="https://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"></a>
+      <a target="_blank" href="https://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"></a>
+      <a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img alt="Kevin" src="images/plant1-2.png"></a>
+      <a target="_blank" href="https://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"></a>
+      <a target="_blank" href="https://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></a>
     </div>
     <div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous &quot;deep twisty&quot;"></div>
     <div id="bubblecolumn"></div>
diff --git a/style.css b/style.css
index bdbd50e..5fc2cb4 100644
--- a/style.css
+++ b/style.css
@@ -192,6 +192,7 @@ code {
   right: 0;
   text-align: center;
   border-bottom: 1px solid #00ffd5;
+  display: block;
 }
 tr:hover {
   background-color: #2222227c;
