@import"https://api.fontshare.com/v2/css?f[]=synonym@400&f[]=chillax@600&display=swap";html{--color-bg-dark: oklch(.1 .06 240);--color-bg: oklch(.15 .06 240);--color-bg-light: oklch(.2 .06 240);--color-text: oklch(.96 .05 240);--color-text-muted: oklch(.86 .05 240);--color-highlight: oklch(.5 .12 240);--color-border: oklch(.4 .12 240);--color-border-muted: oklch(.3 .12 240);--color-primary: oklch(.76 .12 240);--color-secondary: oklch(.76 .12 60);--color-danger: oklch(.8 .18 30);--color-warning: oklch(.8 .18 100);--color-success: oklch(.8 .18 160);--color-info: oklch(.8 .18 260);--font-f-heading: "Chillax", sans-serif;--font-f-text: "Synonym", sans-serif;--font-s-h1: 4.21rem;--font-s-h2: 3.158rem;--font-s-h3: 2.369rem;--font-s-h4: 1.777rem;--font-s-h5: 1.333rem;--font-s-h6: 1.125rem;--font-s-p: 1rem;--font-s-small: .875rem;--font-w-thin: 100;--font-w-extralight: 200;--font-w-light: 300;--font-w-normal: 400;--font-w-medium: 500;--font-w-semibold: 600;--font-w-bold: 700;--font-w-extrabold: 800;--font-w-black: 900;--line-h-tight: 1.25em;--line-h-base: 1.5em;--line-h-loose: 1.75em;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.25rem;--spacing-xl: 1.75rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3.75rem;--spacing-4xl: 6.25rem;--spacing-5xl: 10rem;--spacing-6xl: 15rem;--h1: var(--font-w-bold) var(--font-s-h1)/var(--line-h-tight) var(--font-f-heading);--h2: var(--font-w-bold) var(--font-s-h2)/var(--line-h-tight) var(--font-f-heading);--h3: var(--font-w-bold) var(--font-s-h3)/var(--line-h-base) var(--font-f-heading);--h4: var(--font-w-bold) var(--font-s-h4)/var(--line-h-base) var(--font-f-heading);--h5: var(--font-w-bold) var(--font-s-h5)/var(--line-h-loose) var(--font-f-heading);--h6: var(--font-w-bold) var(--font-s-h6)/var(--line-h-loose) var(--font-f-heading);--p: var(--font-w-normal) var(--font-s-p)/var(--line-h-base) var(--font-f-text);--small: var(--font-w-normal) var(--font-s-small)/var(--line-h-loose) var(--font-f-text);background-color:var(--color-bg-dark);color-scheme:dark;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-bg-dark);font-family:var(--font-f-text);color:var(--color-text)}html,html *{margin:0;border:0;padding:0;box-sizing:border-box}html h1{font:var(--h1);letter-spacing:-.02em;word-spacing:-.08em}html h2{font:var(--h2);letter-spacing:-.01em;word-spacing:-.04em}html h3{font:var(--h3);word-spacing:-.02em}html h4{font:var(--h4);word-spacing:-.01em}html h5{font:var(--h5)}html h6{font:var(--h6)}html p{font:var(--p)}html small{font:var(--small)}html ul,html ol{padding-left:var(--spacing-m)}html code{white-space:pre;-moz-tab-size:2ch;tab-size:2ch;overflow:auto}html details summary{cursor:pointer}html hr{height:1px;background-color:var(--color-border-muted);margin-block:var(--spacing-xs) var(--spacing-m)}html:has(dialog:popover-open),html:has(dialog[open]){overflow:hidden;user-select:none;-webkit-user-select:none}html:has(dialog:popover-open){pointer-events:none}html dialog:popover-open{pointer-events:auto;-webkit-user-select:text;user-select:text}body{min-height:100dvh;position:relative;z-index:0;display:flex;flex-direction:column}body>div{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}body>div:before{display:block;content:"";position:sticky;top:0;right:0;bottom:0;left:0;height:100vh;background-image:linear-gradient(var(--color-bg) 1px,transparent 1px),linear-gradient(90deg,var(--color-bg) 1px,transparent 1px);background-size:32px 32px}body>main{flex:1;display:flex;flex-direction:column;margin-top:var(--spacing-2xl);width:95vw;align-self:center}body>header{border:1px solid var(--color-border);border-top:none;border-left-color:var(--color-border-muted);border-right-color:var(--color-border-muted);border-radius:0 0 var(--spacing-xs) var(--spacing-xs);padding:var(--spacing-xs) 5vw;align-self:center;position:sticky;top:0;z-index:1000;background-color:var(--color-bg);display:flex;justify-content:space-between;align-items:center}body>header nav{display:flex;flex-wrap:wrap;align-items:center}body>header a{font:var(--h6);text-decoration:none;transition:background-color .1s;color:var(--color-text);text-transform:capitalize;line-height:1em;padding:var(--spacing-xs);border-radius:var(--spacing-xs)}body>header div{display:contents}body>header div a:hover{background-color:var(--color-bg-light)}body>header nav>a{font:var(--h5);margin-right:var(--spacing-xl);padding:0;line-height:16px;letter-spacing:0px}body>header nav>a:only-child{margin-right:0}body>header label{display:none;height:min-content}body>header label svg{color:var(--color-text);transition:color .1s;width:40px;height:40px}body>header label input{display:none}body>header label input:checked+svg{color:var(--color-text-muted)}@media not (min-width:720px){body>header:not(:has(a:only-child)){padding-block:var(--spacing-2xs);align-self:auto}body>header div{display:none;position:absolute;flex-direction:column;background-color:var(--color-bg);top:100%;left:0;width:100%;border-top:1px solid var(--color-border)}body>header div a{font:var(--h5);border-bottom:1px solid var(--color-border-muted);padding:var(--spacing-xs) 5vw;width:100%}body>header div a:hover{background-color:var(--color-bg-dark)}body>header label{display:flex}body>header:has(input:checked) div{display:flex}}body>footer{background-color:var(--color-bg);padding:var(--spacing-3xl);border-top:1px solid var(--color-border-muted);margin-top:var(--spacing-5xl);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-l);justify-items:center}body>footer nav{display:grid;gap:var(--spacing-s);align-content:start}body>footer nav a{font-size:var(--font-s-h6);text-decoration:none;transition:color .1s;color:var(--color-text-muted)}body>footer nav a:hover{color:var(--color-text)}body>footer nav a:active{color:var(--color-highlight)}body>footer:has(nav:only-child){grid-template-columns:1fr}body>footer:has(nav:only-child) nav{display:flex;gap:var(--spacing-s) var(--spacing-xl);flex-wrap:wrap}@media not (min-width:900px){body>footer{grid-template-columns:repeat(2,1fr);justify-items:initial}}@media not (min-width:480px){body>footer{grid-template-columns:1fr}}button,.button{display:flex;align-items:center;width:fit-content;text-decoration:none!important;border-radius:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-m);transition:background-color .1s,translate .1s;font-weight:var(--font-w-bold);font-size:var(--font-s-h6);--bg-color: var(--color-primary);--muted: oklch(from var(--bg-color) calc(l - .1) c h);color:var(--color-bg-dark);background-color:var(--bg-color);border:1px solid var(--muted);border-top:none}button.transparent,.button.transparent{color:var(--color-text);--bg-color: oklch(from var(--color-text) l c h / .1)}button:not(:disabled),.button:not(:disabled){cursor:pointer}button:not(:disabled):hover,.button:not(:disabled):hover{translate:0 -1px}button:not(:disabled):active,.button:not(:disabled):active{translate:0 1px}button:disabled,.button:disabled{background-color:var(--color-highlight)}button svg,.button svg{width:1em;height:1em}input,select,textarea{font:var(--p);font-size:var(--font-s-h5);border-radius:var(--spacing-xs);padding:var(--spacing-2xs);background-color:var(--color-bg-light);border:1px solid var(--color-border)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted)}.error-msg{color:var(--color-danger)}