Something went wrong. Try again.
This string has no description
Something went wrong. Try again.
2.3 kB · 153 lines · Created 11mo ago
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154@font-face { font-family: "Geist"; src: url("../assets/fonts/Geist[wght].woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;}
@font-face { font-family: "Geist Mono"; src: url("../assets/fonts/GeistMono[wght].woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;}
@layer reset { @view-transition { navigation: auto; }
:root { color-scheme: light dark; }
:where(a:any-link) { color: light-dark(oklch(42.85% 0.3 264.05), oklch(0.88 0.06 285.11)); }
*, *::before, *::after { box-sizing: border-box; }
*:not(dialog) { margin: 0;
}
@media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } }
html { background-color: var(--bg-color); block-size: 100%; min-height: 100dvh; color: var(--text-color); font-size: clamp(1rem, 1rem + 0.5vw, 2rem); }
body { line-height: 1.5; container-type: scroll-state; -webkit-font-smoothing: antialiased; font-family: "Geist", system-ui, sans-serif; min-block-size: 100%; scrollbar-gutter: stable; }
label { display: flex; align-items: baseline; }
svg { width: 1.5rem; height: 1.5rem; fill: currentColor; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
:heading { text-wrap: balance; font-variant-numeric: lining-nums; font-family: "Geist", ui-rounded, sans-serif; font-weight: 600; font-size: calc(1rem * pow(1.2, 5 - sibling-index())); }
p, :heading { overflow-wrap: break-word; font-family: "Geist", ui-sans-serif, sans-serif; font-optical-sizing: auto; }
p, blockquote, q, figcaption, li { hanging-punctuation: first allow-end last; }
p { text-wrap: pretty; font-variant-numeric: proportional-nums; }
ul, ol, dl { list-style-position: inside;
ul, ol, dl { padding-inline-start: 1lh; } }
pre, code { font-family: "Geist Mono", ui-monospace, monospace; }
pre { color-scheme: dark; }
math, time, table { font-variant-numeric: tabular-nums lining-nums slashed-zero; }
table { border-collapse: collapse; }
code { font-variant-numeric: slashed-zero; }}