yasta

quiellll · quiellll · commit c1abc4be8668 · 2024-12-15T14:33:50.000+01:00
diff --git a/css/style.css b/css/style.css
@@ -783,7 +783,7 @@ section {
   .navbar-center-logo {
     display: block;
     position: absolute;
-    top: 50%;
+    top: auto;
     left: auto;
     right: 1rem;
     /* transform: translate(100%, -100%); */
diff --git a/stratum.html b/stratum.html
@@ -33,6 +33,93 @@
     />
     <!-- Custom CSS -->
     <link rel="stylesheet" href="css/style.css" />
+
+    <style>
+      /*** Section Headers ***/
+      .section-header {
+        position: sticky;
+        top: 70px;
+        background: var(--bs-dark);
+        padding: 2rem 0;
+        margin-bottom: 0;
+        z-index: 1020;
+        padding: 2.75rem;
+        margin: 0;
+        z-index: 1020;
+        width: 100%;
+      }
+
+      .section-header .container {
+        position: relative;
+      }
+
+      .section-header h2 {
+        color: var(--bs-white);
+        margin: 0;
+        font-size: 2.25rem;
+        font-family: "Special Elite", system-ui;
+      }
+
+      .section-header::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        width: 100vw;
+        margin-left: -50vw;
+        left: 50%;
+        background: var(--bs-dark);
+        z-index: -1;
+      }
+
+      @media (max-width: 991px) {
+        .section-header {
+          top: 56px;
+          padding: 2.5rem;
+          margin-bottom: 0;
+        }
+
+        .section-content {
+          padding: 1rem 0;
+        }
+
+        .text-body {
+          padding: 1rem;
+          margin: 0;
+        }
+
+        section {
+          margin-bottom: 0;
+        }
+
+        .section-header h2 {
+          font-size: 1.75rem;
+        }
+      }
+      @media (max-width: 767px) {
+        .section-header {
+          top: 78px;
+          padding: 1.5rem;
+          margin-bottom: 0;
+        }
+
+        .section-content {
+          padding: 0.75rem 0;
+        }
+
+        .text-body {
+          padding: 1rem;
+          margin: 0;
+        }
+
+        section {
+          margin-bottom: 0;
+        }
+
+        .section-header h2 {
+          font-size: 1.25rem;
+        }
+      }
+    </style>
   </head>
 
   <body data-bs-spy="scroll" data-bs-target="#navbarNav" data-bs-offset="100">
