2 files changed, 22 insertions, 38 deletions
diff --git a/static/input.css b/static/input.css
index dfa9219..4058cb1 100644
--- a/static/input.css
+++ b/static/input.css
@@ -27,7 +27,7 @@
     --secondary-color: var(--main-light-color);
     --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg');
     --interlocked-hexagons-background-repeat: repeat;
-    --interlocked-hexagons-background-size: 10vw;
+    --interlocked-hexagons-background-size: 10vh;
     --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg');
     --squares-and-triangles-background-repeat: repeat;
 }
@@ -43,7 +43,7 @@
     --secondary-color: var(--main-medium-color);
     --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg');
     --interlocked-hexagons-background-repeat: repeat;
-    --interlocked-hexagons-background-size: 10vw;
+    --interlocked-hexagons-background-size: 10vh;
     --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg');
     --squares-and-triangles-background-repeat: repeat;
 }
@@ -227,12 +227,20 @@
     width: 90vw;
 }
 
+.w-p80 {
+    width: 80%;
+}
+
+.w-vmax4 {
+    width: 4vmax;
+}
+
 .h-vh90 {
     height: 90vh;
 }
 
-.w-p80 {
-    width: 80%;
+.h-vmax4 {
+    height: 4vmax;
 }
 
 .mt-vmin0-8 {
diff --git a/static/output.css b/static/output.css
index 2ba01ad..ea57d8f 100644
--- a/static/output.css
+++ b/static/output.css
@@ -12,8 +12,6 @@
     --color-sky-200: oklch(90.1% 0.058 230.902);
     --color-sky-300: oklch(82.8% 0.111 230.318);
     --spacing: 0.25rem;
-    --text-4xl: 2.25rem;
-    --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-medium: 500;
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
@@ -222,9 +220,6 @@
   .my-auto {
     margin-block: auto;
   }
-  .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -234,9 +229,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-4 {
-    margin-bottom: calc(var(--spacing) * 4);
-  }
   .mb-auto {
     margin-bottom: auto;
   }
@@ -249,30 +241,12 @@
   .flex {
     display: flex;
   }
-  .h-4\/12 {
-    height: calc(4/12 * 100%);
-  }
-  .h-16 {
-    height: calc(var(--spacing) * 16);
-  }
   .h-auto {
     height: auto;
   }
   .h-screen {
     height: 100vh;
   }
-  .min-h-16 {
-    min-height: calc(var(--spacing) * 16);
-  }
-  .w-6\/12 {
-    width: calc(6/12 * 100%);
-  }
-  .w-10\/12 {
-    width: calc(10/12 * 100%);
-  }
-  .w-16 {
-    width: calc(var(--spacing) * 16);
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -394,10 +368,6 @@
   .font-spectral {
     font-family: var(--font-spectral);
   }
-  .text-4xl {
-    font-size: var(--text-4xl);
-    line-height: var(--tw-leading, var(--text-4xl--line-height));
-  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -455,7 +425,7 @@
   --secondary-color: var(--main-light-color);
   --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg');
   --interlocked-hexagons-background-repeat: repeat;
-  --interlocked-hexagons-background-size: 10vw;
+  --interlocked-hexagons-background-size: 10vh;
   --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg');
   --squares-and-triangles-background-repeat: repeat;
 }
@@ -470,7 +440,7 @@
   --secondary-color: var(--main-medium-color);
   --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg');
   --interlocked-hexagons-background-repeat: repeat;
-  --interlocked-hexagons-background-size: 10vw;
+  --interlocked-hexagons-background-size: 10vh;
   --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg');
   --squares-and-triangles-background-repeat: repeat;
 }
@@ -614,11 +584,17 @@
 .w-vw90 {
   width: 90vw;
 }
+.w-p80 {
+  width: 80%;
+}
+.w-vmax4 {
+  width: 4vmax;
+}
 .h-vh90 {
   height: 90vh;
 }
-.w-p80 {
-  width: 80%;
+.h-vmax4 {
+  height: 4vmax;
 }
 .mt-vmin0-8 {
   margin-top: 0.8vmin;