*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--black: hsl(0, 0%, 1%);--white: hsl(0, 0%, 99%);--blue-100: hsl(237, 86%, 64%);--blue-200: hsl(237, 100%, 73%);--kode-mono: "Kode Mono", monospace;--fira-code: "Fira Code", monospace;--ratio: 1.25;--font: .5rem;--font-s: calc(var(--font) * var(--ratio));--font-m: calc(var(--font-s) * var(--ratio));--font-l: calc(var(--font-m) * var(--ratio));--font-xl: calc(var(--font-l) * var(--ratio));--font-xxl: calc(var(--font-xl) * var(--ratio));--space: .5rem;--space-s: calc(var(--space) * var(--ratio));--space-m: calc(var(--space-s) * var(--ratio));--space-l: calc(var(--space-m) * var(--ratio) * 3);color-scheme:dark;color:var(--white);background-color:var(--black);scrollbar-color:var(--white) var(--black);scrollbar-width:thin}html{font-family:var(--fira-code);line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{display:flex;flex-direction:column;min-width:320px;min-height:100dvh}h1,h2,h3{text-wrap:balance;text-transform:uppercase;font-family:var(--kode-mono);font-weight:700;line-height:1}h1{transform:translate(-2px);font-size:clamp(56px,calc(5vw + var(--font-s)),100px)}h2{font-size:32px}a{font-weight:500;color:var(--blue-200);text-decoration:inherit}a:hover{color:var(--blue-100)}p,li,span{font-size:var(--font-m);max-width:45ch;line-height:1.5}button{background-color:var(--blue-200);border:none;color:var(--black);padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color .25s}button:hover{background-color:var(--blue-100)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{object-fit:cover}svg{width:100%;height:100%}@media (prefers-color-scheme: dark){:root{color:var(--white);background-color:var(--black)}a:hover{color:var(--blue-200)}button{background-color:var(--white)}}.w-full{width:100%}.w-50{width:50%}.h-full{height:100%}.h-min{min-height:100dvh}.h-50{height:50%}.aspect-standard{aspect-ratio:4 / 3}.aspect-square{aspect-ratio:1 / 1}.fixed{position:fixed}.top-0{top:0}.bottom-0{bottom:0}.bg-black{background-color:var(--black)}.list-none{list-style:none}.flex{display:flex}.grid{display:grid}.block{display:block}.none{display:none}.direction-col{flex-direction:column}.direction-row{flex-direction:row}.flex-auto{flex:1 1 0}.flex-11-320{flex:1 1 320px}.gap-10{gap:var(--space-s)}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.p{padding:var(--space)}.p-s{padding:var(--space-s)}.p-m{padding:var(--space-m)}.pt-s{padding-top:var(--space-s)}.pt-m{padding-top:var(--space-m)}.pt-l{padding-top:var(--space-l)}.pb-s{padding-bottom:var(--space-s)}.pb-m{padding-bottom:var(--space-m)}.pb-l{padding-bottom:var(--space-l)}.px-s{padding-inline:var(--space-s)}.br-t{border-top:1px solid var(--white)}.br-b{border-bottom:1px solid var(--white)}.z-10{z-index:10}.text-base{font-size:var(--font-m)}.text-lg{font-size:var(--font-l)}.text-2xl{font-size:var(--font-xxl)}.link{font-family:var(--kode-mono);text-transform:uppercase;font-size:var(--font-m);font-weight:700}.container__header{padding-block:var(--space-s);align-items:flex-start;justify-content:space-between}.container__header--lines{border-top:1px solid;border-bottom:1px solid}.img{flex:1 1;aspect-ratio:1/1;background-color:#ffffff1a;overflow:hidden}.list{padding-left:var(--space-m)}.work{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn{background-color:var(--blue-200);border:none;color:var(--black);padding:var(--space-m) 1em;font-weight:600;font-family:inherit;cursor:pointer;transition:color .25s}.btn:hover{background-color:var(--blue-100);color:var(--black)!important}.btn:focus,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}@media screen and (min-width: 600px){.md\:direction-row{flex-direction:row}.md\:direction-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media screen and (min-width: 840px){.lg\:block{display:block}.lg\:none{display:none}.lg\:direction-row{flex-direction:row}.lg\:direction-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:flex-auto{flex:1 1 0}.lg\:flex-11-320{flex:1 1 320px}}@media screen and (min-width: 1200px){.xl\:direction-row{flex-direction:row}.xl\:direction-col{flex-direction:column}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:flex-auto{flex:1 1 0}.xl\:flex-11-320{flex:1 0 320px}.container__header{flex-direction:row}}