From 8d18c858b3f8814ba7a96a36a87a62b2271c996b Mon Sep 17 00:00:00 2001
From: jakubmanczak <jakub@manczak.net>
Date: Sun, 8 Mar 2026 12:08:53 +0100
Subject: [PATCH] mobile responsiveness

---
 src/web/components/nav.rs  | 12 ++++++------
 src/web/input.css          |  2 ++
 src/web/pages/dashboard.rs |  2 +-
 src/web/pages/login.rs     | 16 +++++++++-------
 src/web/styles.css         |  2 +-
 5 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/web/components/nav.rs b/src/web/components/nav.rs
index f2d9fa8..856722a 100644
--- a/src/web/components/nav.rs
+++ b/src/web/components/nav.rs
@@ -15,17 +15,17 @@ const LINKS: &[(&str, &str, &str)] = &[
 pub fn nav(user: Option<User>, uri: &str) -> Markup {
     html!(
         div class="flex items-center text-sm gap-4 border-b border-neutral-200/25 bg-neutral-200/5 px-4 py-2" {
-            a href="/dashboard" class="font-lora font-semibold text-xl mr-2" {"Mnemosyne"}
-            div class="w-px h-5 bg-neutral-200/15" {}
+            a href="/dashboard" class="font-lora font-semibold hidden xs:block md:text-xl sm:mr-2" {"Mnemosyne"}
+            div class="w-px h-5 bg-neutral-200/15 hidden sm:block" {}
             div class="flex flex-row" {
                 @for link in LINKS {
                     a href={(link.1)} class="flex flex-row px-2 py-1 rounded items-center gap-2 hover:bg-neutral-200/5 border border-transparent hover:border-neutral-200/25" {
                         @if uri.starts_with(link.1) {
                             div class="scale-[.75] text-neutral-300" {(PreEscaped(link.2))}
-                            span class="text-neutral-200 font-light" { (link.0) }
+                            span class="text-neutral-200 font-light hidden lg:block" { (link.0) }
                         } @else {
                             div class="scale-[.75] text-neutral-500" {(PreEscaped(link.2))}
-                            span class="text-neutral-400 font-light" { (link.0) }
+                            span class="text-neutral-400 font-light hidden lg:block" { (link.0) }
                         }
                     }
                 }
@@ -35,13 +35,13 @@ pub fn nav(user: Option<User>, uri: &str) -> Markup {
             @if let Some(u) = user {
                 a href="/dashboard" class=r#"ml-auto bg-neutral-200/5 font-lexend flex
                     flex-row items-center border border-neutral-200/25 gap-4 rounded px-2 py-1"# {
-                    (u.handle)
+                    span class="hidden sm:block"{(u.handle)}
                     div class="scale-[.75]" {(PreEscaped(icons::USER))}
                 }
             } @else {
                 a href="/login" class=r#"ml-auto bg-neutral-200/5 font-lexend flex
                     flex-row items-center border border-neutral-200/25 gap-4 rounded px-2 py-1"# {
-                    "Log in"
+                    span class="hidden sm:block"{"Log in"}
                     div class="scale-[.75]" {(PreEscaped(icons::USER_KEY))}
                 }
             }
diff --git a/src/web/input.css b/src/web/input.css
index 1044cd7..39784d9 100644
--- a/src/web/input.css
+++ b/src/web/input.css
@@ -7,6 +7,8 @@
     --font-lora: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", serif;
     --font-lexend: "Lexend", sans-serif;
 
+    --breakpoint-xs: 30rem;
+
     --animate-marquee: marquee 180s linear infinite;
 }
 
diff --git a/src/web/pages/dashboard.rs b/src/web/pages/dashboard.rs
index 1c1dcd9..9c2f580 100644
--- a/src/web/pages/dashboard.rs
+++ b/src/web/pages/dashboard.rs
@@ -13,7 +13,7 @@ pub async fn page(req: Request) -> Markup {
         html!(
             (nav(u, req.uri().path()))
 
-            div class="text-8xl text-neutral-800/25 mt-16 text-center font-semibold font-lora select-none" {"Mnemosyne"}
+            div class="text-6xl sm:text-8xl text-neutral-800/25 mt-16 text-center font-semibold font-lora select-none overflow-hidden" {"Mnemosyne"}
         ),
     )
 }
diff --git a/src/web/pages/login.rs b/src/web/pages/login.rs
index ffeef98..d27e7c2 100644
--- a/src/web/pages/login.rs
+++ b/src/web/pages/login.rs
@@ -28,15 +28,17 @@ pub async fn page(Query(q): Query<LoginMsg>, req: Request) -> Result<Response, A
     Ok(base(
         "Log in | Mnemosyne",
         html!(
-            div class="min-h-screen flex flex-col" {
-                (marquee(&["the goddess of memory"]))
+            div class="min-h-screen flex flex-col items-center overflow-x-hidden" {
+                div class="overflow-hidden"{(marquee(&["the goddess of memory"]))}
 
                 div class="mt-24" {}
-                a href="/" class="font-semibold text-6xl mx-auto font-lora hover:underline" {h1 {"Mnemosyne"}}
-                p class="text-neutral-500 mt-4 text-sm mx-auto mb-16" {"The goddess of memory holds all the cards."}
+                a href="/" class="font-semibold text-4xl sm:text-6xl mx-auto font-lora hover:underline" {h1 {"Mnemosyne"}}
+                p class="text-neutral-500 mt-4 hidden sm:block text-sm mx-auto" {"The goddess of memory holds all the cards."}
+                div class="mb-16" {}
 
-                div class="mx-auto bg-neutral-200/5 border border-neutral-200/25 p-4 rounded" {
-                    p class="text-neutral-500" {"Part of the olympic pack already? Log in here."}
+                div class="bg-neutral-200/5 w-4/5 mx-2 sm:mx-0 sm:w-fit border border-neutral-200/25 p-4 rounded" {
+                    p class="text-neutral-500 hidden sm:block" {"Part of the olympic pack already? Log in here."}
+                    p class="block sm:hidden px-2 w-full text-center text-neutral-500" {"Log in here, olympian."}
 
                     form id="login-form" method="post" action="/api/auth/login-form" class="mt-8 font-light flex flex-col"  {
                         label for="handle" class="text-neutral-500" {"Handle"}
@@ -102,7 +104,7 @@ pub async fn page(Query(q): Query<LoginMsg>, req: Request) -> Result<Response, A
                 }
 
                 div class="mt-auto" {}
-                (marquee(&[REFERENCE_SPLASHES.choose(&mut rand::rng()).unwrap()]))
+                div class="overflow-hidden"{(marquee(&[REFERENCE_SPLASHES.choose(&mut rand::rng()).unwrap()]))}
             }
         ),
     ).into_response())
diff --git a/src/web/styles.css b/src/web/styles.css
index 146ab72..4478aab 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-@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{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-red-400:oklch(70.4% .191 22.216);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-lora:"Lora", ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-lexend:"Lexend", sans-serif;--animate-marquee:marquee 180s linear infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-px{width:1px}.shrink-0{flex-shrink:0}.scale-\[\.75\]{scale:.75}.animate-marquee{animation:var(--animate-marquee)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-neutral-200\/25{border-color:#e5e5e540}@supports (color:color-mix(in lab, red, red)){.border-neutral-200\/25{border-color:color-mix(in oklab, var(--color-neutral-200) 25%, transparent)}}.border-neutral-500\/20{border-color:#73737333}@supports (color:color-mix(in lab, red, red)){.border-neutral-500\/20{border-color:color-mix(in oklab, var(--color-neutral-500) 20%, transparent)}}.border-transparent{border-color:#0000}.bg-neutral-200\/5{background-color:#e5e5e50d}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/5{background-color:color-mix(in oklab, var(--color-neutral-200) 5%, transparent)}}.bg-neutral-200\/15{background-color:#e5e5e526}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/15{background-color:color-mix(in oklab, var(--color-neutral-200) 15%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950\/50{background-color:#0a0a0a80}@supports (color:color-mix(in lab, red, red)){.bg-neutral-950\/50{background-color:color-mix(in oklab, var(--color-neutral-950) 50%, transparent)}}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-\[2px\]{padding-left:2px}.text-center{text-align:center}.font-lexend{font-family:var(--font-lexend)}.font-lora{font-family:var(--font-lora)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[10px\]{font-size:10px}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\/40{color:#73737366}@supports (color:color-mix(in lab, red, red)){.text-neutral-500\/40{color:color-mix(in oklab, var(--color-neutral-500) 40%, transparent)}}.text-neutral-800\/25{color:#26262640}@supports (color:color-mix(in lab, red, red)){.text-neutral-800\/25{color:color-mix(in oklab, var(--color-neutral-800) 25%, transparent)}}.text-red-400{color:var(--color-red-400)}.uppercase{text-transform:uppercase}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-neutral-200\/25:hover{border-color:#e5e5e540}@supports (color:color-mix(in lab, red, red)){.hover\:border-neutral-200\/25:hover{border-color:color-mix(in oklab, var(--color-neutral-200) 25%, transparent)}}.hover\:bg-neutral-200\/5:hover{background-color:#e5e5e50d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-200\/5:hover{background-color:color-mix(in oklab, var(--color-neutral-200) 5%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.animate-marquee{animation-play-state:paused}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
\ No newline at end of file
+@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{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-red-400:oklch(70.4% .191 22.216);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-lora:"Lora", ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-lexend:"Lexend", sans-serif;--animate-marquee:marquee 180s linear infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-4\/5{width:80%}.w-full{width:100%}.w-px{width:1px}.shrink-0{flex-shrink:0}.scale-\[\.75\]{scale:.75}.animate-marquee{animation:var(--animate-marquee)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-neutral-200\/25{border-color:#e5e5e540}@supports (color:color-mix(in lab, red, red)){.border-neutral-200\/25{border-color:color-mix(in oklab, var(--color-neutral-200) 25%, transparent)}}.border-neutral-500\/20{border-color:#73737333}@supports (color:color-mix(in lab, red, red)){.border-neutral-500\/20{border-color:color-mix(in oklab, var(--color-neutral-500) 20%, transparent)}}.border-transparent{border-color:#0000}.bg-neutral-200\/5{background-color:#e5e5e50d}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/5{background-color:color-mix(in oklab, var(--color-neutral-200) 5%, transparent)}}.bg-neutral-200\/15{background-color:#e5e5e526}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/15{background-color:color-mix(in oklab, var(--color-neutral-200) 15%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950\/50{background-color:#0a0a0a80}@supports (color:color-mix(in lab, red, red)){.bg-neutral-950\/50{background-color:color-mix(in oklab, var(--color-neutral-950) 50%, transparent)}}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-\[2px\]{padding-left:2px}.text-center{text-align:center}.font-lexend{font-family:var(--font-lexend)}.font-lora{font-family:var(--font-lora)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[10px\]{font-size:10px}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\/40{color:#73737366}@supports (color:color-mix(in lab, red, red)){.text-neutral-500\/40{color:color-mix(in oklab, var(--color-neutral-500) 40%, transparent)}}.text-neutral-800\/25{color:#26262640}@supports (color:color-mix(in lab, red, red)){.text-neutral-800\/25{color:color-mix(in oklab, var(--color-neutral-800) 25%, transparent)}}.text-red-400{color:var(--color-red-400)}.uppercase{text-transform:uppercase}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-neutral-200\/25:hover{border-color:#e5e5e540}@supports (color:color-mix(in lab, red, red)){.hover\:border-neutral-200\/25:hover{border-color:color-mix(in oklab, var(--color-neutral-200) 25%, transparent)}}.hover\:bg-neutral-200\/5:hover{background-color:#e5e5e50d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-200\/5:hover{background-color:color-mix(in oklab, var(--color-neutral-200) 5%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}@media (min-width:30rem){.xs\:block{display:block}}@media (min-width:40rem){.sm\:mx-0{margin-inline:calc(var(--spacing) * 0)}.sm\:mr-2{margin-right:calc(var(--spacing) * 2)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:w-fit{width:fit-content}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}@media (min-width:48rem){.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:block{display:block}}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.animate-marquee{animation-play-state:paused}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
\ No newline at end of file