index.html

@@ -13,16 +13,19 @@
                     <p><a href="https://status.zoner.work">Status Page</a></p>
                 </header>
             </div>
+            <hr>
             <div id="linkblock">
                 <h3>social</h3>
                 <p><a href="https://zoner.work">Sharkey</a></p>
                 <p><a href="https://wf.zoner.work">Writefreely</a></p>
                 <p><a href="https://m.zoner.work">Matrix</a></p>
             </div>
+            <hr>
             <div id="linkblock">
                 <h3>a/v</h3>
                 <p><a href="https://inv.zoner.work">Invidious</a></p>
             </div>
+            <hr>
             <div id="linkblock">
                 <h3>utility</h3>
                 <p><a href="https://nc.zoner.work">Nextcloud</a></p>

style.css

@@ -14,7 +14,6 @@ body {
     margin-left: auto;
     margin-right: auto;
     width: 50%;
-    min-width: 600px;
     padding:2em;
     background-color: #0D1117;
     border-radius: 40px;
@@ -28,18 +27,8 @@ p {
     font-size: 0.9em
 }
 
-#linkblock {
+.linkblock {
     flex: 1;
-    padding-left: 2em;
-    border-left: 1px solid rgba(255, 255, 255,0.3); 
-}
-
-#header {
-    flex: 2;
-    text-align: center;
-    align-items: center;
-    margin-top: auto;
-    margin-bottom: auto;
 }
 
 a {