@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-dark: #000;--color-light: #fff;--color-primary: #17c37b;--size-step-0: 1rem;--size-step-1: 1.15rem;--size-step-2: 1.3rem;--size-step-3: 1.6rem;--size-step-4: 2rem;--spacing: 1.5rem;--font-stack: "Press Start 2P", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--code-background-color: var(--color-dark);--code-color: var(--color-light)}@media(prefers-color-scheme:dark){:root{--color-dark: #fff;--color-light: #000;--code-background-color: var(--color-light);--code-color: var(--color-dark)}}*{box-sizing:border-box}html{font-size:75%}body{background:var(--color-light);color:var(--color-dark);padding:var(--spacing) clamp(calc(var(--spacing) / 2),5vw,calc(var(--spacing) * 3));font-family:var(--font-stack);font-size:var(--size-step-0);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;margin:0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=),auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}header,main,footer{width:100%}header{padding-bottom:var(--spacing)}main{flex:1 1 0%;padding-bottom:calc(var(--spacing) * 2)}a{color:currentcolor;text-decoration-color:var(--color-primary);text-underline-offset:.15ex;text-decoration-thickness:.3ex;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0,pointer}a:hover{color:var(--color-primary)}img{display:block;width:100%;height:auto;image-rendering:pixelated}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3;text-wrap:balance}h1{font-size:var(--size-step-4)}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}h4{font-size:var(--size-step-1)}h5{font-size:var(--size-step-0)}ul,ol{padding-inline-start:var(--spacing)}li{--flow-space: var(--spacing);margin-block-start:var(--flow-space, var(--spacing))}blockquote{padding-inline-start:var(--spacing);border-inline-start:.3em solid;font-style:italic;font-size:var(--size-step-1)}content>div>*{margin-block-start:var(--flow-space, var(--spacing))}:is(h1,h2,h3,h4,h5,blockquote){--flow-space: calc(var(--spacing) * 2);margin-block-end:calc(var(--spacing))}:is(h1,h2,h3,h4,h5)+*{--flow-space: calc(var(--spacing) / 3)}:is(h1,h2,h3,h4,h5)+:where(h2,h3,h4,h5){--flow-space: calc(var(--spacing) * 2)}main,header,footer{max-width:65ch;margin-inline:auto}blockquote{max-width:50ch}h1{max-width:24ch}h2,h3,h4,h5{max-width:48ch}.title{text-decoration:none}.title h1{font-size:var(--size-step-4);max-width:100%}nav p{display:flex;flex-wrap:wrap;gap:var(--spacing)}nav a,button{padding:0 var(--spacing);display:inline-block;color:var(--color-light);box-shadow:0 4px 0 var(--color-dark),0 -4px 0 var(--color-dark),4px 0 var(--color-dark),-4px 0 0 var(--color-dark),inset -4px -4px #0003;background:var(--color-primary);text-decoration:none;border:none;line-height:2.4;font-family:var(--font-stack)}nav a:hover,button:hover{color:var(--color-light);box-shadow:0 4px 0 var(--color-primary),0 -4px 0 var(--color-primary),4px 0 var(--color-primary),-4px 0 0 var(--color-primary),inset -4px -4px #0003}ul.blog-posts{list-style-type:none;padding:unset}ul.blog-posts li{display:flex;flex-direction:column}@media screen and (min-width:600px){ul.blog-posts li{flex-direction:row;gap:calc(var(--spacing) / 2)}}ul.blog-posts li span{min-width:11ch}pre,code{font-family:var(--font-stack)}.highlight,.code,code{padding:1px var(--spacing);background-color:var(--code-background-color);box-shadow:0 4px 0 var(--color-dark),0 -4px 0 var(--color-dark),4px 0 var(--color-dark),-4px 0 0 var(--color-dark),inset -4px -4px #0003;color:var(--color-primary);overflow-x:auto;font-size:var(--size-step-0);line-height:1.2}code{padding:calc(var(--spacing) / 2) var(--spacing)}table{width:100%;max-width:100%;overflow:auto hidden;table-layout:fixed;background-color:var(--color-light)}tr{margin-left:-.25em}th,td{position:relative;padding:.5rem;overflow-wrap:break-word;border-color:var(--color-dark);border-style:solid;border-width:0px .25em .25em 0px}th:last-child,td:last-child{border-right-width:0px}th:before,td:after{position:absolute;display:block;width:.25em;height:.25em;content:"";background-color:var(--color-dark)}th:after,td:after{bottom:-.25em;left:-.25em}th:before,td:before{top:-.25em;right:-.25em}th:last-child:before,td:last-child:before{top:initial;bottom:-.25em}pre.astro-code{background-color:var(--code-background-color)!important;padding:var(--spacing);box-shadow:0 4px 0 var(--color-dark),0 -4px 0 var(--color-dark),4px 0 var(--color-dark),-4px 0 0 var(--color-dark),inset -4px -4px #0003;overflow-x:auto;font-size:var(--size-step-0);line-height:1.4}pre.astro-code code{padding:0;background:none;box-shadow:none;font-family:var(--font-stack)}footer{text-align:center}.code-wrap{position:relative;margin-block:var(--spacing)}.code-wrap pre.astro-code{margin:0}.copy-code{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;padding:.25rem;line-height:0;color:var(--color-primary);background:transparent;border:.15em solid var(--color-primary);box-shadow:none;opacity:.5;cursor:pointer}.copy-code:hover{opacity:1;color:var(--color-primary);background:transparent;box-shadow:none}.copy-code.copied{opacity:1}.img-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing);margin-block:var(--spacing)}.img-grid figure{margin:0}.img-grid figcaption{text-align:center;font-size:var(--size-step-0);margin-block-start:calc(var(--spacing) / 3)}.img-grid img{image-rendering:auto}@media(max-width:600px){.img-grid{grid-template-columns:1fr}}code,pre,pre.astro-code{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,Consolas,monospace}:not(pre)>code{padding:.1em .45em;box-shadow:none;line-height:inherit;font-size:.92em}