styling

public/styles/base.css

@@ -142,18 +142,6 @@
   font-display: swap;
 }
 
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html,
-body {
-  font-family: "Signifier", serif;
-  overflow-x: hidden;
-}
-
 pre,
 code,
 pre code,
@@ -162,11 +150,6 @@ code[class*="language-"] {
   font-family: "Apercu Mono", monospace !important;
 }
 
-html,
-body {
-  font-family: "Signifier", serif;
-}
-
 @media (prefers-color-scheme: dark) {
   html,
   body {
@@ -182,3 +165,14 @@ body {
     color: #e0e0e0;
   }
 }
+
+html,
+body {
+  font-family: "Signifier", serif;
+  overflow-x: hidden;
+}
+
+html,
+body {
+  font-family: "Signifier", serif;
+}

public/styles/index.css

@@ -10,7 +10,7 @@ header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 20px;
 }
 
@@ -18,12 +18,18 @@ h1,
 .delta {
   font-size: clamp(1.5rem, 8vw, 4rem);
   font-weight: 300;
+  flex-shrink: 1;
+}
+
+.delta {
+  flex-shrink: 0;
 }
 
 section {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: clamp(20px, 3vw, 40px);
+  padding-bottom: clamp(80px, 15vw, 150px);
 }
 
 h2 {