chore: styles

src/assets/styles/base/index.css

@@ -554,13 +554,6 @@ li {
   text-align: center !important;
 }
 
-.text-centered-vertically {
-  min-height: 60vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .text-small {
   font-size: var(--font-size-sm) !important;
 }

src/assets/styles/components/text-toggle.css

@@ -1,25 +1,27 @@
-[data-toggle-content].text-toggle-hidden {
-  position: relative;
-  height: 500px;
-  overflow: hidden;
-  margin-bottom: var(--sizing-base);
+[data-toggle-content] {
+  &.text-toggle-hidden {
+    position: relative;
+    height: 500px;
+    overflow: hidden;
+    margin-bottom: var(--sizing-base);
 
-  & p:first-of-type {
-    margin-top: 0;
+    & p:first-of-type {
+      margin-top: 0;
+    }
+
+    &::after {
+      position: absolute;
+      z-index: 1;
+      content: '';
+      box-shadow: inset 0 -120px 80px -60px var(--background-color);
+      width: 100%;
+      height: 20%;
+      bottom: 0;
+      left: 0;
+    }
   }
 
-  &::after {
-    position: absolute;
-    z-index: 1;
-    content: '';
-    box-shadow: inset 0 -120px 80px -60px var(--background-color);
-    width: 100%;
-    height: 20%;
-    bottom: 0;
-    left: 0;
+  & + button[data-toggle-button]:has(+ *) {
+    margin: 0 0 var(--sizing-base);
   }
-}
-
-[data-toggle-content] + button[data-toggle-button]:has(+ table) {
-  margin: 0 0 var(--sizing-base);
 }

src/assets/styles/pages/contact.css

@@ -12,8 +12,16 @@
   }
 }
 
-.contact-success-header {
-  margin: 0 0 var(--sizing-base);
+.contact-success-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: 60vh;
+
+  & h2 {
+    margin: 0 0 var(--sizing-base);
+  }
 }
 
 @media screen and (min-width: 768px) {

src/assets/styles/pages/webrings.css

@@ -1,10 +1,6 @@
 .webring-wrapper {
   margin: var(--sizing-base) 0;
 
-  & h3 {
-    margin: var(--sizing-2xl) 0 var(--sizing-lg);
-  }
-
   & .webring-navigation {
     gap: var(--sizing-sm);