:root{--color-black: rgb(0 0 0);--color-white: rgb(255 255 255);--color-white-10: color-mix(in srgb, var(--color-white) 10%, var(--color-black));--color-white-75: color-mix(in srgb, var(--color-white) 75%, var(--color-black));--color-code-background: rgb(13 17 23);--color-code-text: rgb(255 123 114);--font-family: "Inter Variable", system-ui;--font-size: 1rem;--line-height: 1.6;--line-height-heading: 1.1;--body-width: min(100% - var(--space-64), 60ch);--space-4: calc(var(--font-size) * .25);--space-8: calc(var(--font-size) * .5);--space-12: calc(var(--font-size) * .75);--space-16: var(--font-size);--space-24: calc(var(--font-size) * 1.5);--space-32: calc(var(--font-size) * 2);--space-48: calc(var(--font-size) * 3);--space-64: calc(var(--font-size) * 4);--space-96: calc(var(--font-size) * 6);--space-128: calc(var(--font-size) * 8);--type-12: calc(var(--font-size) * .75);--type-14: calc(var(--font-size) * .875);--type-16: var(--font-size);--type-18: calc(var(--font-size) * 1.125);--type-20: calc(var(--font-size) * 1.25);--type-24: calc(var(--font-size) * 1.5);--type-30: calc(var(--font-size) * 1.875);--type-36: calc(var(--font-size) * 2.25);--type-48: calc(var(--font-size) * 3);--type-60: calc(var(--font-size) * 3.75);--type-72: calc(var(--font-size) * 4.5);--transition-fast: .1s ease-in-out}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(/_app/immutable/assets/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations")}#app{display:contents}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{width:var(--body-width);margin:var(--space-32) auto;font-family:var(--font-family);line-height:var(--line-height);color:var(--color-white);background-color:var(--color-black)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);text-wrap:balance}h1{font-size:var(--type-36)}h2{font-size:var(--type-30)}h3{font-size:var(--type-24)}h4{font-size:var(--type-20)}h5{font-size:var(--type-18)}h6{font-size:var(--type-16)}a{color:inherit;transition:color var(--transition-fast)}a:is(:hover,:focus-visible){color:var(--color-white-75)}img{display:block;max-width:100%}
