@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");html{background-color:var(--color-base)}body{color:var(--color-font-primary);font-family:Space Grotesk,sans-serif,system-ui;padding-top:calc(100% / 65);width:825px;margin:0 auto}:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px;position:relative;z-index:1001}a{border-radius:var(--border-round-barely)}header{background-color:var(--color-base-light);padding:var(--padding-2);border-radius:var(--border-round)}h1,h2{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-comfortable);color:var(--color-font-muted)}h3{margin:0}p{font-size:var(--font-size-paragraph);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-relaxed)}a{color:var(--color-font-primary);text-decoration:none;transition:color var(--transition-quick)}strong{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-comfortable)}#follower{position:absolute;background-color:var(--color-base-dark);border:var(--border-actionable);color:var(--color-font-primary);font-size:var(--font-size-paragraph);padding:5px;border-radius:5px;z-index:1000;white-space:nowrap;transform:translateX(15%) translateY(60%)}.card{border-radius:var(--border-round);border:var(--border-actionable);background-color:var(--color-base-light);padding:var(--padding-2);position:relative;transition:border-color var(--transition)}.card+.card,.card.reading+.card{margin-top:var(--margin-\.5)}.card.reading{display:flex;justify-content:space-between}section .delay-show{opacity:0;transform:translateY(20px);transition:opacity .25s ease-in-out,transform .75s ease-in}section .delay-show.show{opacity:1;transform:translateY(0)}.reader>p{font-size:var(--font-size-paragraph);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-relaxed)}.reader a{text-decoration:underline}.reader h1,.reader h1 a,.reader h2,.reader h2 a,.reader h3,.reader h3 a,.reader h4,.reader h4 a{color:var(--color-green);letter-spacing:var(--letter-spacing-comfortable);margin-top:var(--margin-3);margin-bottom:var(--margin-\.5)}.reader h5{margin-top:var(--margin-\.5);margin-bottom:var(--margin-\.5)}.reader h5 a{color:var(--color-primary);font-weight:var(--font-weight-regular)}.reader a:after{content:" ↗";position:relative;z-index:-1;bottom:-1px;left:-1px}.reader a:hover:after{bottom:1px;left:1px}.reader h4 a:after{content:""}.reader h4 a{width:-moz-fit-content;width:fit-content;text-decoration:none}.reader h4 a:before{content:"# ";position:absolute;margin-left:-17px;opacity:0;transition:opacity .15s ease-out}.reader h4 a:focus:before,.reader h4:hover a:before{opacity:1}.link-fancy svg{opacity:0;transition:opacity .15s ease-out}.link-fancy{padding:2.5px 5px;width:-moz-fit-content;width:fit-content;color:grey;font-size:small;margin-left:-25px}.link-fancy:focus svg,.link-fancy:hover svg{opacity:1}.button{background-color:var(--color-base-light);border:var(--border-actionable);border-radius:var(--border-round);padding:var(--padding-button);cursor:pointer}.button-icon{padding:var(--padding-1);width:35px;height:35px}.button-back{color:var(--color-font-primary);fill:var(--color-font-primary);padding-top:.375rem;padding-bottom:.375rem}.button-back>span{padding-left:.25rem;padding-right:.375rem}.button:hover:active{background-color:var(--color-base-dark)}.cushy{line-height:var(--font-line-height-cushy)}.underline-best{background-image:linear-gradient(var(--color-green),var(--color-green));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.social-icon{width:25px;height:25px;color:var(--color-font-primary);fill:var(--color-font-primary)}.button-small{width:15px;height:15px}.stack-icon{width:25px;height:25px;color:var(--color-font-primary);fill:var(--color-base)}.stack-icon.framer>path{fill:var(--color-font-primary)}.typescript-icon{width:18px;height:18px;fill:var(--color-base)}.typescript-icon>rect{fill:var(--color-font-primary)}.typescript-icon-container{width:25px;height:25px;background-color:var(--color-base);border-radius:var(--border-round-barely)}.fill-color-base{fill:var(--color-base)}#read\.cv-icon{width:28px;height:28px}#shakaCircle{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:#000;border-radius:50%;padding:var(--padding-button)}#shakaCircle>.social-icon{width:30px;height:30px;fill:#c8c8c8}#shakaCircle>svg{transition:fill var(--transition)}.mini-nav{position:-webkit-sticky;position:sticky;top:0;margin-left:-20px;padding-top:var(--padding-2);height:65px;overflow:visible;--blur:blur(7px);--gradient:linear-gradient(to bottom,var(--color-base-dark) 0%,var(--color-base-dark) 65%,transparent 100%)}.mini-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);mask-image:var(--gradient);-webkit-mask-image:var(--gradient);z-index:-1}.mini-nav>a,table{width:-moz-fit-content;width:fit-content}table{border-collapse:collapse;margin-bottom:var(--margin-1);font-size:var(--font-size-paragraph)}th{font-weight:var(--font-weight-bold)}td,th{padding:var(--padding-1) var(--padding-3);border:1px solid var(--color-font-muted)}blockquote{margin:var(--margin-1) 0;padding-left:var(--padding-3);border-left:3px solid var(--color-font-muted);font-style:italic}blockquote>p{line-height:var(--font-line-height-cushy)}ul{font-size:var(--font-size-paragraph)}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.grid-container.grid-reading{grid-template-columns:1fr 3fr}.flex{display:flex}.gap-1{gap:calc(10 / 16 * 1rem)}.gap-\.5{gap:calc(5 / 16 * 1rem)}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.align-center{align-items:center}.w-100{width:100%}.w-50{width:50%}.w-10px{width:10px}.wh-16px{width:16px;height:16px}.h-95{height:95vh}.mx-auto{margin:0 auto}.text-right{text-align:right}.pl-1{padding-left:var(--padding-1)}.mb-0{margin-bottom:0}.text-muted{color:var(--color-font-muted)}.inline-block{display:inline-block}.italics{font-style:italic}.text-green{color:var(--color-green)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media screen and (min-width:900px){#shakaCircle:hover>svg{fill:var(--color-green)}#follower{position:absolute;background-color:var(--color-base-dark);border:var(--border-actionable);color:var(--color-font-primary);font-size:var(--font-size-paragraph);padding:5px;border-radius:5px;z-index:1000;transform:translateX(15%) translateY(60%)}.arrow-container{transform:translateZ(0) translateX(-6px);transition:transform .3s ease}.arrow-shaft{transform:scaleX(0);transition:transform .3s ease}a:hover>.arrow-container{transform:translateZ(0) translateX(0)}a:hover>.arrow-container>.arrow-shaft{transform:scaleX(1)}.arrow-container-left{transform:translateZ(0) translateX(6px);transition:transform .3s ease}.arrow-shaft-left{transform:scaleX(0);transition:transform .3s ease}.cta.left:hover>.arrow-container-left{transform:translateZ(0) translateX(0)}.cta.left:hover>.arrow-container-left>.arrow-shaft-left{transform:scaleX(1)}.cta.left:hover{background-image:linear-gradient(var(--color-font-primary),var(--color-font-primary));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.cta.left>svg{padding-right:var(--padding-1)}p>a:hover{color:var(--color-green);text-decoration:underline}.card:hover{border-color:var(--border-actionable-hover-color)}.card:hover .cta{background-image:linear-gradient(var(--color-font-primary),var(--color-font-primary));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}.button:hover{background-color:var(--color-base);border-color:var(--border-actionable-hover-color)}}@media screen and (max-width:900px){body{padding-top:calc(10vw / 2);padding-bottom:15vw;width:90vw}a{text-decoration:underline}#follower{display:none}.grid-container,.grid-container.grid-reading{grid-template-columns:1fr}.mini-nav{position:fixed;top:unset;bottom:0;right:0;margin:var(--margin-1);padding:0;overflow:visible;height:-moz-fit-content;height:fit-content;background-color:var(--color-font-primary)}.mini-nav,.mini-nav>a{border-radius:var(--border-round)}.mini-nav>a{color:var(--color-base);padding:var(--padding-1) var(--padding-2)}.mini-nav:before{content:none}}.tooltip{--border-color:#464646;z-index:50;overflow:hidden;border-radius:var(--border-round);background-color:#000;margin-bottom:5px;padding:.275rem .5rem;font-size:var(--font-size-small);color:var(--text-popover-foreground);box-shadow:1px 1px var(--border-color),0 0 1px 1px var(--border-color);animation:fadeInZoom .2s ease-in-out;&[data-state=closed]{animation:fadeOutZoom .2s ease-in-out}&[data-side=bottom]{animation:slideInFromTop .2s ease-in-out}&[data-side=left]{animation:slideInFromRight .2s ease-in-out}&[data-side=right]{animation:slideInFromLeft .2s ease-in-out}&[data-side=top]{animation:slideInFromBottom .2s ease-in-out}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutZoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInFromTop{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(.5rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-.5rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(.5rem);opacity:0}to{transform:translateY(0);opacity:1}}:root{--font-weight-extralight:400;--font-weight-regular:500;--font-weight-medium:700;--font-weight-bold:900;--font-size-heading-1:calc(22 / 16 * 1rem);--font-size-heading-2:calc(20 / 16 * 1rem);--font-size-heading-3:calc(18 / 16 * 1rem);--font-size-paragraph:calc(1rem);--font-size-small:calc(14 / 16 * 1rem);--font-line-height-supercushy:calc(32 / 16 * 1rem);--font-line-height-cushy:calc(24 / 16 * 1rem);--font-line-height-relaxed:calc(20 / 16 * 1rem);--font-line-height-normal:1rem;--letter-spacing-comfortable:0.005em;--color-base-dark:#f5f5f5;--color-base:#f3f3f3;--color-base-light:#eaeaea;--color-font-lighter:#dedede;--color-green:#07a48f;--color-orange:rgba(227,91,6,.95);--color-orange-50:rgba(227,91,6,.5);--color-font-primary:#242424;--color-font-muted:#c4c4c4;--border-round-barely:2px;--border-round:5px;--border-actionable:calc(0.75 / 16 * 1rem) solid var(--color-font-lighter);--border-actionable-hover-color:var(--color-font-muted);--padding-1:calc(5 / 16 * 1rem);--padding-2:calc(10 / 16 * 1rem);--padding-3:calc(15 / 16 * 1rem);--padding-4:calc(25 / 16 * 1rem);--padding-button:calc(4 / 16 * 1rem) calc(8 / 16 * 1rem);--margin-\.25:0.25rem;--margin-\.5:0.5rem;--margin-1:1rem;--margin-2:2rem;--margin-3:3rem;--transition:300ms ease;--transition-out:300ms ease-out;--transition-quick:150ms ease}@media (prefers-color-scheme:dark){:root{--font-weight-extralight:200;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--letter-spacing-comfortable:0.025em;--color-base-dark:#141414;--color-base:#1e1e1e;--color-base-light:#242424;--color-font-lighter:#323232;--color-green:#07a48f;--color-font-primary:#c8c8c8;--color-font-muted:#4e4e4e}}.hljs,code{overflow-x:auto;padding:var(--padding-1);background:var(--color-base-dark);color:var(--color-font-primary);font-size:var(--font-size-paragraph);line-height:var(--font-line-height-cushy);border-radius:var(--border-round)}.hljs{display:block;padding:var(--padding-2)}.hljs-comment,.hljs-quote{color:var(--color-font-muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--color-orange);font-weight:var(--font-weight-medium)}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:var(--color-green)}.hljs-doctag,.hljs-string{color:var(--color-orange)}.hljs-section,.hljs-selector-id,.hljs-title{color:var(--color-green);font-weight:var(--font-weight-bold)}.hljs-subst{font-weight:var(--font-weight-regular)}.hljs-class .hljs-title,.hljs-type{color:var(--color-green);font-weight:var(--font-weight-medium)}.hljs-attribute,.hljs-name,.hljs-tag{color:var(--color-orange);font-weight:var(--font-weight-regular)}.hljs-link,.hljs-regexp{color:var(--color-green)}.hljs-bullet,.hljs-symbol{color:var(--color-orange)}.hljs-built_in,.hljs-builtin-name{color:var(--color-green)}.hljs-meta{color:var(--color-font-muted);font-weight:var(--font-weight-medium)}.hljs-deletion{background:var(--color-orange-50)}.hljs-addition{background:rgba(7,164,143,.5)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:var(--font-weight-bold)}