From 6e70fe447ec9504757fbdc152b5b3697c9af8def Mon Sep 17 00:00:00 2001
From: Kyren223 <contact@kyren.codes>
Date: Wed, 7 Oct 2026 03:14:47 +0300
Subject: Initial iteration

---
 public/style.css | 162 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 161 insertions(+), 1 deletion(-)

(limited to 'public/style.css')

diff --git a/public/style.css b/public/style.css
index 5369786..d1e775f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -7,11 +7,11 @@
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
-    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --spacing: 0.25rem;
     --text-3xl: 1.875rem;
     --text-3xl--line-height: calc(2.25 / 1.875);
+    --font-weight-normal: 400;
     --font-weight-bold: 700;
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
@@ -238,6 +238,15 @@
   .mb-0 {
     margin-bottom: 0px;
   }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-6\.25 {
+    margin-bottom: calc(var(--spacing) * 6.25);
+  }
+  .mb-\[1\.5625rem\] {
+    margin-bottom: 1.5625rem;
+  }
   .mb-\[1\.5625vw\] {
     margin-bottom: 1.5625vw;
   }
@@ -274,6 +283,9 @@
   .h-\[9\.5vw\] {
     height: 9.5vw;
   }
+  .h-\[40rem\] {
+    height: 40rem;
+  }
   .h-\[62\%\] {
     height: 62%;
   }
@@ -298,15 +310,42 @@
   .w-0 {
     width: 0px;
   }
+  .w-300 {
+    width: calc(var(--spacing) * 300);
+  }
   .w-\[30\%\] {
     width: 30%;
   }
+  .w-\[40rem\] {
+    width: 40rem;
+  }
   .w-\[67\%\] {
     width: 67%;
   }
   .w-\[70\%\] {
     width: 70%;
   }
+  .w-\[75\.0rem\] {
+    width: 75.0rem;
+  }
+  .w-\[75\.001rem\] {
+    width: 75.001rem;
+  }
+  .w-\[75\.1rem\] {
+    width: 75.1rem;
+  }
+  .w-\[75\.12rem\] {
+    width: 75.12rem;
+  }
+  .w-\[75\.13rem\] {
+    width: 75.13rem;
+  }
+  .w-\[75\.123rem\] {
+    width: 75.123rem;
+  }
+  .w-\[75rem\] {
+    width: 75rem;
+  }
   .w-\[95vw\] {
     width: 95vw;
   }
@@ -325,6 +364,9 @@
   .flex-1 {
     flex: 1;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -352,12 +394,21 @@
   .justify-between {
     justify-content: space-between;
   }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
   .gap-16 {
     gap: calc(var(--spacing) * 16);
   }
+  .gap-20 {
+    gap: calc(var(--spacing) * 20);
+  }
   .gap-\[1\.25vw\] {
     gap: 1.25vw;
   }
+  .gap-\[1ch\] {
+    gap: 1ch;
+  }
   .gap-x-\[5vw\] {
     column-gap: 5vw;
   }
@@ -374,6 +425,9 @@
   .overflow-auto {
     overflow: auto;
   }
+  .overflow-hidden {
+    overflow: hidden;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -384,18 +438,59 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-1 {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-3 {
+    border-style: var(--tw-border-style);
+    border-width: 3px;
+  }
+  .border-10 {
+    border-style: var(--tw-border-style);
+    border-width: 10px;
+  }
   .border-\[0\.1vw\] {
     border-style: var(--tw-border-style);
     border-width: 0.1vw;
   }
+  .border-\[0\.2rem\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.2rem;
+  }
+  .border-\[0\.25rem\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.25rem;
+  }
   .border-\[0\.25vh\] {
     border-style: var(--tw-border-style);
     border-width: 0.25vh;
   }
+  .border-\[0\.125rem\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.125rem;
+  }
   .border-solid {
     --tw-border-style: solid;
     border-style: solid;
   }
+  .border-\(--alt\) {
+    border-color: var(--alt);
+  }
+  .border-\(--text\) {
+    border-color: var(--text);
+  }
+  .border-\[color\:var\(--alt\)\] {
+    border-color: var(--alt);
+  }
   .border-\[var\(--alt\)\] {
     border-color: var(--alt);
   }
@@ -414,12 +509,42 @@
   .p-0 {
     padding: 0px;
   }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
   .p-\[0\.8em\] {
     padding: 0.8em;
   }
+  .p-\[2\.0rem\] {
+    padding: 2.0rem;
+  }
+  .p-\[2\.2rem\] {
+    padding: 2.2rem;
+  }
   .p-\[2\.2svh\] {
     padding: 2.2svh;
   }
+  .p-\[2\.5rem\] {
+    padding: 2.5rem;
+  }
+  .p-\[2\.rem\] {
+    padding: 2.rem;
+  }
+  .p-\[2rem\] {
+    padding: 2rem;
+  }
   .p-\[3vw\] {
     padding: 3vw;
   }
@@ -456,6 +581,9 @@
   .font-\[\'JetBrains_Mono\'\] {
     font-family: 'JetBrains Mono';
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
   .text-3xl {
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
@@ -463,6 +591,12 @@
   .text-\[0\.96vw\] {
     font-size: 0.96vw;
   }
+  .text-\[1\.125rem\] {
+    font-size: 1.125rem;
+  }
+  .text-\[1\.375rem\] {
+    font-size: 1.375rem;
+  }
   .text-\[2\.5vw\] {
     font-size: 2.5vw;
   }
@@ -488,9 +622,19 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .text-\(--primary\) {
+    color: var(--primary);
+  }
   .text-\[var\(--accent\)\] {
     color: var(--accent);
   }
+  .text-\[var\(--primary\)\] {
+    color: var(--primary);
+  }
   .text-\[var\(--secondary\)\] {
     color: var(--secondary);
   }
@@ -500,6 +644,10 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   @media (hover: hover) {
     .group-hover\:text-\[var\(--alt\)\]:is(:where(.group):hover *) {
       color: var(--alt);
@@ -510,6 +658,12 @@
     .group-hover\:underline:is(:where(.group):hover *) {
       text-decoration-line: underline;
     }
+    .hover\:text-\(--accent\):hover {
+      color: var(--accent);
+    }
+    .hover\:text-\[var\(--accent\)\]:hover {
+      color: var(--accent);
+    }
     .hover\:text-\[var\(--alt\)\]:hover {
       color: var(--alt);
     }
@@ -716,6 +870,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -727,6 +886,7 @@
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
       --tw-font-weight: initial;
+      --tw-outline-style: solid;
     }
   }
 }
-- 
cgit v1.3.1