html{font-family:var(--font-family-sans-serif),sans-serif;font-size:var(--font-size);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{display:flex;flex-direction:column;align-items:stretch}header,main,footer{padding:0 var(--spacing-horizontal);max-width:var(--width);margin:0 auto}main{flex-grow:1;width:100%}header,section,article,footer{margin:0 auto var(--spacing-vertical)}article.article--list{margin:calc(var(--spacing-vertical)/2) auto}@keyframes wiggle{0%{transform:rotate(0deg)}33%{transform:rotate(10deg)}66%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}header{margin:var(--spacing-vertical-smol) auto var(--spacing-vertical-smol);padding:calc(var(--spacing-vertical-smol)/2) 0;background:rgba(var(--color-primary-r), var(--color-primary-g), var(--color-primary-b), .1);border:1px dashed rgba(var(--color-primary-r), var(--color-primary-g), var(--color-primary-b), 1);border-radius:var(--border-radius);max-width:100%}@media (max-width: 640px){header{border-radius:0;border-left:0;border-right:0;border-top:0;margin-top:0}}header nav{width:calc(var(--width) - 2*var(--spacing-horizontal));max-width:100%;margin:0 auto;padding:0 var(--spacing-horizontal)}header nav ul{display:flex;align-items:center;margin:0;padding:0}header nav ul li{list-style:none;margin:0 var(--spacing-horizontal) 0 0}header nav ul li.logo svg{display:inline-block;height:1.4em;margin-bottom:-.4em}header nav ul li.logo a{border:none;background:none}header nav ul li.logo a:hover{color:var(--color-primary);animation:wiggle 500ms 1}@media (prefers-reduced-motion){header nav ul li.logo a:hover{animation:none}}header nav ul li a{display:inline-block;background:linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) 100%),rgba(0,0,0,0);background-position:0 100%;background-repeat:repeat-x;background-size:.5px .5px;transition:background-size .2s}@media (prefers-reduced-motion){header nav ul li a{transition:none}}header nav ul li a.active{border-bottom-color:var(--color-fg)}a{color:inherit;text-decoration:none;border-bottom:2px solid var(--color-primary);padding:0 2px;margin:0 -2px;background:linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) 100%),rgba(var(--color-primary-r), var(--color-primary-g), var(--color-primary-b), .1);background-position:0 100%;background-repeat:repeat-x;background-size:.5px .5px;transition:background-size .2s}@media (prefers-reduced-motion){a{transition:none}}a:hover{background-size:4px 50px;color:var(--color-primary-contrast)}h1{font-size:1.5em}h2{font-size:1.2em}h3,h4,h5,h6{font-size:1em}h1+h2,h2+h3,h3+h4,h4+h5,h5+h6,h6+h5,h5+h4,h4+h3,h3+h2,h2+h1{margin-top:.75rem}h1,h2,h3,h4,h5,h6{margin:.5rem 0 -.5rem;font-weight:550;font-family:"Mona Sans",sans-serif}article p,article ul,article ol,section p,section ul,section ol{color:var(--color-fg-text)}article hr,section hr{border:none;border-top:1px dashed var(--color-border-light);margin:calc(var(--spacing-vertical)/2) 0}article img,section img{border-radius:var(--border-radius);margin:.5rem 0}p,ul,pre,form{margin:.5em 0}p code{background:var(--color-bg-code);padding:1px 2px;border:1px solid var(--color-border-code);border-radius:var(--border-radius);font-style:normal}blockquote{font-style:italic;border-left:4px solid var(--color-primary);padding-left:var(--spacing-horizontal)}.preface{display:inline-block;margin:0 0 8px;font-size:.9em;color:var(--color-fg-text)}article>h1:first-child{margin-bottom:0}article figure.has-caption img{margin-bottom:0;border-radius:var(--border-radius) var(--border-radius) 0 0}article figure.has-caption figcaption{background:var(--color-bg-gray);border-radius:0 0 var(--border-radius) var(--border-radius);padding:4px}article figure.has-caption figcaption p{margin:0}article figure figcaption{font-size:.8em;margin:0 0 8px;color:var(--color-fg-light)}section h1:first-child,article h1:first-child,main h1:first-child{margin-top:0}.details{font-size:.9em;margin:0 0 8px;color:var(--color-fg-light);line-height:1.4}footer{width:100%;text-align:center;font-size:.8rem;margin:var(--spacing-vertical) auto 0;padding:0 var(--spacing-horizontal) var(--spacing-vertical);color:var(--color-fg-light)}footer a{display:inline-block;background:linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) 100%),rgba(0,0,0,0);background-position:0 100%;background-repeat:repeat-x;background-size:.5px .5px;transition:background-size .2s}@media (prefers-reduced-motion){footer a{transition:none}}footer a.active{border-bottom-color:var(--color-fg)}::selection{background:var(--color-primary);color:var(--color-primary-contrast)}mark{background:var(--color-primary);color:var(--color-primary-contrast)}.skip-link{position:absolute;transform:translateY(-100%)}.skip-link:focus{transform:translateY(0)}.commit-color{width:calc(1em - 4px);height:calc(1em - 4px);display:inline-block;background:var(--color-primary);border:1px solid var(--color-fg-text);border-radius:6px;position:relative;bottom:-2px}@media (prefers-color-scheme: dark){.commit-color{border-color:rgba(0,0,0,0)}}@font-face{font-family:"Mona Sans";font-weight:200 900;font-stretch:75% 125%;src:url("/fonts/mona-sans/Mona-Sans.woff2") format("woff2 supports variations"),url("/fonts/mona-sans/Mona-Sans.woff2") format("woff2-variations");font-display:swap;font-optical-sizing:auto}.intro{padding-top:0}.intro .title{font-size:1.8em;line-height:1.2;font-weight:550;margin:4px 0 var(--spacing-vertical-smol);border-left:4px solid var(--color-primary);padding-left:var(--spacing-horizontal)}.work-item h2{margin-bottom:-2px}.work-item .details{color:var(--color-fg-text);text-transform:uppercase;font-size:.8em}*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--border-radius: 8px;--color-primary-contrast: #111;--color-fg: #111;--color-fg-text: #333;--color-fg-light: #555;--color-bg: #fff;--color-bg-code: #fafafa;--color-bg-gray: #f0f0f0;--color-border-code: #f0f0f0;--color-border-light: #ccc;--font-size: 20px;--font-family-sans-serif: "Mona Sans", sans-serif;--spacing-vertical: 32px;--spacing-vertical-smol: 20px;--spacing-horizontal: 20px;--width: 680px}@media (prefers-color-scheme: dark){:root{--color-fg: #fff;--color-fg-text: #ddd;--color-fg-light: #bbb;--color-bg: #111;--color-bg-code: #151515;--color-border-code: #252525;--color-bg-gray: #252525;--color-border-light: #444}}