@font-face{font-family:dm sans;src:url(/fonts/dm-sans/DMSans.ttf)format("truetype");font-weight:100 1e3;font-style:normal;font-display:swap}@font-face{font-family:dm sans;src:url(/fonts/dm-sans/DMSans-Italic.ttf)format("truetype");font-weight:100 1e3;font-style:italic;font-display:swap}button,input,select,textarea{font-family:dm sans,sans-serif}@font-face{font-family:pixelta;src:url(/fonts/pixelta/Pixelta.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:pixelta,serif;font-synthesis:none;overflow-wrap:anywhere}h1{font-size:4em}h2{font-size:3em}h3{font-size:2.34em}h4{font-size:2em}h5{font-size:1.66em}h6{font-size:1.34em}.author .author-name{font-size:4.42em}.typing-character{position:relative;white-space:pre-wrap;animation:type-letter 1ms step-end var(--type-delay)both}.typing-character:not(.typing-last)::after{content:"";position:absolute;left:calc(100% + .06em);bottom:.04em;width:.045em;height:.72em;background:currentColor;opacity:0;animation:type-current var(--type-hold)step-end var(--type-delay)}.typing-cursor{display:inline-block;width:.045em;height:.72em;margin-left:.06em;vertical-align:-.04em;background:currentColor;opacity:0;animation:type-cursor 500ms step-end .881s 6}@keyframes type-letter{from{visibility:hidden}to{visibility:visible}}@keyframes type-cursor{0%{opacity:1}50%,100%{opacity:0}}@keyframes type-current{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.typing-character{animation:none}.typing-cursor,.typing-character::after{animation:none}}.content-title{font-size:2.7rem}.view-toggle-container{filter:drop-shadow(2px 2px 0 rgb(0 0 0/35%))drop-shadow(2px 2px 0 rgb(0 0 0/.2))}.view-toggle-container .view-toggle{border-width:2px;border-color:#64748b;box-shadow:inset 2px 2px rgb(255 255 255/14%),inset -2px -2px rgb(0 0 0/25%)}.view-toggle,.view-toggle .toggle-slider{border-radius:0;clip-path:polygon( 4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px )}.view-toggle .toggle-slider{transition:transform 120ms steps(3,end)}.view-toggle label{border-radius:0;transition:color 80ms steps(1,end);font-family:pixelta,serif;font-synthesis:none;font-size:20px}@media(prefers-reduced-motion:no-preference){.view-toggle input[type=radio]:checked+label{animation:retro-link-flash 400ms steps(1,end)}}.header .header-title{font-size:4em}.post-item .post-item-title{font-size:32px}.page-content h1{font-size:48px}.page-content h2{font-size:44px}.page-content h3,.page-content h4{font-size:40px}.page-content h5{font-size:32px}.page-content h6{font-size:28px}#list-content .post-item,#projects .post-item{border-top:0}#list-content .post-item-meta{font-size:13px;opacity:.6}:is(#list-content,#projects) .post-item{position:relative;margin-inline:-12px;padding-inline:12px;border-radius:4px}:is(#list-content,#projects) .post-item-title a::after{content:"";position:absolute;inset:0;z-index:1}:is(#list-content,#projects) .post-item:hover,:is(#list-content,#projects) .post-item:focus-within{background:rgb(128 128 128/.1)}:is(#list-content,#projects) .post-item:focus-within{outline:1px solid currentColor;outline-offset:2px}@media(hover:hover) and (prefers-reduced-motion:no-preference){:is(#list-content,#projects) .post-item:hover .post-item-title a{animation:retro-link-flash 400ms steps(1,end)}}@keyframes retro-link-flash{0%,50%,100%{opacity:1}25%,75%{opacity:.45}}#list-content .post-item-title,#projects .post-item-title{font-family:inherit;font-synthesis:auto;font-size:16px}@media(max-width:768px){.header .header-title{font-size:3.8em}}.wrapper.post .page-content,.wrapper.post article .page-content{max-width:600px;margin:0 auto}.wrapper.post article .header{max-width:600px;margin:0 auto}.navbar .menu{max-width:600px;margin:0 auto;padding-left:0;padding-right:0}.wrapper.post{max-width:600px;margin:0 auto}@media(max-width:768px){.wrapper.post .page-content,.wrapper.post article .page-content,.wrapper.post article .header,.wrapper.post,.navbar .menu{max-width:calc(100% - 40px);margin:0 auto;padding-left:20px;padding-right:20px}.wrapper.post article .page-content{padding-top:30px}.wrapper.post article .header{padding-top:80px}}body:not(.post) #letter-content .letter-text p{line-height:1.6;margin-bottom:1.5em}.author .author-bio a{color:#6a92d4!important}.author .author-bio a:hover{color:#6a92d4!important}.projects-section{margin-top:3rem}.project-tweet{display:block;width:100%;max-width:420px;border:0;margin:1.5rem 0}