edited link section at the bottom of the main page

src/routes/+page.svelte

@@ -137,9 +137,10 @@
     
     <hr>
 
-    <div class="split-container">
+    <div class="link-container">
+        <h4 class="update-header">links to elsewhere</h4>
+
         <div class="webring-container">
-            <h4 class="update-header">webrings</h4>
             <div class="webring">
                 <iframe title="bucket webring" id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=denizk0461"></iframe>
             </div>
@@ -166,8 +167,6 @@
         </div>
 
         <div class="button-container">
-            <h4 class="update-header">button corner</h4>
-            <div class="button-subcontainer">
             {#each buttons as button}
                 <IndieButton button={button} />
             {/each}
@@ -175,7 +174,6 @@
         <p>to be expanded!</p>
         <p class="small-supertext">my own 88x31 button is in the making. ETA: ???</p>
     </div>
-    </div>
 </Content>
 
 <style>
@@ -184,31 +182,14 @@
         grid-template-columns: 3fr 1fr;   
     }
 
-    .split-container {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        gap: 8px;
-        margin: 16px 0;
-    }
-
-    @media screen and (max-width: 900px) {
-        .split-container {
-            flex-direction: column;
-            gap: 8px;
-        }
-    }
-
     .button-container {
         flex: 2;
     }
 
-    .button-subcontainer {
+    .button-container {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
-        justify-content: center;
-        align-content: center;
     }
 
     .webring {