refactor: decouple social link styling from fixed elements

src/scss/main.scss

@@ -125,40 +125,28 @@ ul {
   &.col-4 {
     columns: 4 auto;
   }
+}
 
-  &.social {
-    display: flex;
-    flex-flow: var(--social-links-flex-flow);
-    justify-content: space-evenly;
+.social {
+  > * {
+    &:before {
+      margin: 0 0.375rem 0 0;
+    }
 
-    margin: 1rem 0;
-    padding: 0;
-    list-style: none;
+    &.twitter:before {
+      content: "🐦";
+    }
 
-    li {
-      flex: var(--social-links-flex);
-      padding: 0.25rem;
-      text-align: center;
+    &.mastodon:before {
+      content: "🐘";
+    }
 
-      &:before {
-        margin: 0 0.375rem 0 0;
-      }
+    &.telegram:before {
+      content: "📨";
+    }
 
-      &.twitter:before {
-        content: "🐦";
-      }
-
-      &.mastodon:before {
-        content: "🐘";
-      }
-
-      &.telegram:before {
-        content: "📨";
-      }
-
-      &.furaffinity:before {
-        content: "🐾";
-      }
+    &.furaffinity:before {
+      content: "🐾";
     }
   }
 }