Create webring classes

src/assets/css/components.css

@@ -1,4 +1,4 @@
-/* SPECIAL COMPONENTS */
+/* Text Box */
 .text-box {
     background: var(--clr-quote-bg);
     border: 0.1em solid var(--clr-main-heading);
@@ -8,6 +8,7 @@
     gap: 1em;
 }
 
+/* Mod entry */
 .mod-entry,
 .mod-entry__downloads {
     display: grid;
@@ -141,3 +142,28 @@
     padding: 0;
     margin: 0;
 }
+
+/* Web ring */
+.webring {
+    border: 0.08em outset;
+    text-align: center;
+}
+
+.webring__name {
+    margin: 0;
+    padding: 0.1em;
+    border: 0.08em solid;
+}
+
+.webring__links {
+    list-style: none;
+    padding: 0;
+    margin: 0 !important;
+    display: flex;
+}
+
+.webring__link {
+    flex: 1;
+    border: 0.08em solid;
+    padding: 0.2em 0.4em;
+}