@font-face{
font-family:'Saira';
src:url(/assets/fonts/saira.woff2) format('woff2');
font-weight:100 900;
font-stretch:50% 125%;
font-display:swap;
}
@font-face{
font-family:'JetBrains Mono';
src:url(/assets/fonts/jetbrains-mono.woff2) format('woff2');
font-weight:100 800;
font-display:swap;
}
:root{
--bg0:#06070a;
--bg1:#0d1016;
--bg2:#121620;
--bg3:#191e2a;
--bg4:#232a3a;
--tx1:#f2f4f8;
--tx2:#a5aec0;
--tx3:#7f8a9e;
--tx4:#06070a;
--cl1:#4d8dff;
--cl2:#ffc53d;
--cl3:#7aa9ff;
--ok1:#22e39a;
--ok2:#9be15d;
--wn1:#ffd23f;
--wn2:#ff9640;
--bd1:#ff4d5e;
--nu1:#4a5263;
--md1:#ffc53d;
--md2:#c9d2df;
--md3:#e08a4c;
--ff1:'Saira',sans-serif;
--ff2:'Saira',sans-serif;
--ff3:'JetBrains Mono',monospace;
--fz0:0.9375rem;
--fz1:1.0625rem;
--fz2:1.125rem;
--fz3:1.25rem;
--fz4:1.5rem;
--fz5:clamp(1rem,6.8vw,2.6rem);
--fh1:clamp(2rem,5vw,3.6rem);
--fh2:clamp(1.5rem,2.6vw,2rem);
--fh3:clamp(4.5rem,12vw,8rem);
--lh1:1.6;
--lh2:1;
--ls1:0.08em;
--fs1:84%;
--fs2:112%;
--pw0:1880px;
--pw1:1080px;
--pw2:760px;
--gap:clamp(14px,3vw,32px);
--sp1:4px;
--sp2:8px;
--sp3:12px;
--sp4:16px;
--sp5:24px;
--sp6:40px;
--sp7:64px;
--br0:0;
--br1:50%;
--br9:9999px;
--ut1:3px;
--uo1:0.2em;
--ic1:18px;
--ic2:24px;
--rh1:52px;
--bh1:64px;
--fo1:2px solid var(--cl1);
--px0:max(var(--gap),calc((100% - var(--pw0)) / 2));
--px1:max(var(--gap),calc((100% - var(--pw1)) / 2));
--px2:max(var(--gap),calc((100% - var(--pw2)) / 2));
}
*,*::before,*::after{
box-sizing:border-box;
margin:0;
padding:0;
border:0;
border-radius:var(--br0);
}
html{
background:var(--bg0);
color:var(--tx1);
font:400 var(--fz2)/var(--lh1) var(--ff1);
-webkit-text-size-adjust:100%;
}
body{
min-height:100vh;
display:flex;
flex-direction:column;
}
main{
flex:1;
}
a{
color:var(--cl3);
text-decoration:none;
text-decoration-thickness:var(--ut1);
text-underline-offset:var(--uo1);
}
a:hover{
color:var(--tx1);
text-decoration-line:underline;
}
:focus-visible{
outline:var(--fo1);
outline-offset:2px;
}
h1,h2,h3{
font-family:var(--ff2);
font-weight:800;
line-height:1.05;
letter-spacing:0.01em;
text-transform:uppercase;
}
code,pre{
font-family:var(--ff3);
font-size:var(--fz0);
}
svg.i{
width:var(--ic1);
height:var(--ic1);
flex:none;
}
button,input{
font:inherit;
color:inherit;
background:none;
}
button{
cursor:pointer;
}
[hidden]{
display:none !important;
}