code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2e3440}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#636f88}.token.punctuation{color:#81a1c1}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#81a1c1}.token.number{color:#b48ead}.token.boolean{color:#81a1c1}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a3be8c}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#81a1c1}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#88c0d0}.token.keyword{color:#81a1c1}.token.regex,.token.important{color:#ebcb8b}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--black:#18222d;--black-lighter:#213040;--white:#fff;--navbar-height:60px;--margin:3rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif}html,body{font-size:14px}body{background:var(--white);will-change:background;color:var(--black);padding-top:var(--navbar-height);--timeline-border-color:#0000001a;line-height:1.7}body.dark{background:var(--black);color:var(--white);--timeline-border-color:#ffffff1a}body header{color:#fff;background:#0009}body.dark header{background:0 0}.flex{display:flex}.ic{align-items:center}.sb{justify-content:space-between}.jc{justify-content:center}.xa{margin-inline:auto}button{all:unset;box-sizing:border-box;cursor:pointer;width:var(--size,30px);height:var(--size,30px);flex-direction:column;display:flex;overflow:hidden}button svg{color:var(--white);flex:none}button.dark svg{color:var(--white);transform:translateY(-30px)}header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:var(--navbar-height);z-index:1000;width:100%;position:fixed;top:0;left:0}header nav{display:none}.container{width:min(90%,900px)}.raleway,h1,h2,h3,h4{font-family:Raleway,sans-serif}.title{letter-spacing:1px;font-size:1.5rem;font-weight:900}.wf{width:100%}.hf{height:100%}.section{margin-bottom:2rem}.section p{margin-bottom:1rem;font-size:1.3rem}.section h2{font-size:3rem}#timeline p{font-size:1rem;font-weight:300}.milestone__title{font-size:1.3rem}.milestone{position:relative}#timeline .inner{grid-template-columns:repeat(1,1fr);gap:2rem 1.5rem;margin-top:2rem;display:grid}#timeline .inner .grow{grid-column:1/1}.code{font-family:Fira Code,monospace}#biography h2{margin-bottom:2rem}a{color:inherit;text-decoration:none}#timeline a{border-bottom:1.5px dotted #000}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}nav{gap:1rem}nav a{opacity:.5;transition:all .3s}nav a:hover{opacity:1}.sticker{min-height:300px;margin-block:3rem}.donate{background:var(--black-lighter);color:var(--white);border-radius:2rem;width:fit-content;padding:1rem 1.5rem;font-weight:700;display:block}body.dark .donate{color:var(--black);background:#fafafa}.post>h1{text-transform:capitalize;background:#11998e;background:-webkit-linear-gradient(to right,#38ef7d,#11998e);background:linear-gradient(-45deg,#00f260,#0575e6,#fc5c7d,#6a82fb)0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:3.5rem;margin-bottom:2rem;font-size:1.6rem;line-height:1.4;animation:20s infinite gradient}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.post p{margin-bottom:1rem;font-size:1.1rem;font-weight:300}.post-summary{flex:1;min-width:0}.post-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.post-tag{border:1px solid var(--tag-border);background:var(--tag-bg);color:var(--tag-color);border-radius:999px;padding:.25rem .45rem;font-family:Fira Code,monospace;font-size:.7rem;font-weight:700;line-height:1}article.post+.post-tags{margin-block:1rem 2rem}.keys p{margin:0}pre,code,:is(pre,code) *{font-family:Fira Code;font-size:1rem;line-height:1.5}main{min-height:90vh}article img{border-radius:5px;max-width:100%;height:100%}article img.icon{width:24px;height:24px}article .part{margin-block:2rem}article .part:last-child{margin-block-end:0}.main-hero{object-fit:cover;border-radius:10px;transition:all .2s}.main-hero:hover{filter:grayscale(0)}article:not(.post) h2{flex:1}pre{margin-block:1.3rem!important}#mobileNav{z-index:100000;visibility:hidden;opacity:0;will-change:visibility,opacity,transform;color:#fafafa;background:#1b2733;place-content:center;gap:1rem;width:100%;height:100%;font-size:3rem;display:grid;position:fixed;inset:0}#mobileNav a{opacity:0;will-change:opacity,transform;transform:translate(-10px)}body.dark footer img{filter:invert()}.scene{--size:17px;width:var(--size);height:var(--size);perspective:600px}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:3s infinite forwards rotate;position:relative}body.dark .cube__face{background-color:var(--black);border:1px solid #fff}.cube__face{width:var(--size);height:var(--size);background-color:#fff;border:1px solid #000;position:absolute}.cube__face--front{transform:rotateY(0) translateZ(calc(var(--size)/2))}.cube__face--right{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.cube__face--back{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}.cube__face--left{transform:rotateY(-90deg) translateZ(calc(var(--size)/2))}.cube__face--top{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.cube__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)/2))}footer{border-top:1px solid var(--timeline-border-color);padding-block:2rem}#timeline .medal{--angle:10deg;transform-origin:50%0;margin-left:.5rem;animation:3s ease-in-out infinite hang}#timeline .hand{transform-origin:70% 70%;animation:2.5s infinite wave-animation}#timeline .emoji{font-size:1.4rem;display:inline-block}.kbd{background-color:#2a3d50;border-radius:5px;margin-left:4px;padding:5px 9px;line-height:20px}dialog[open]{opacity:0;will-change:opacity,transform;animation:.3s ease-in-out forwards dialogOpen;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98)}dialog[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);will-change:opacity,backdrop-filter;background:#00000080;animation:.3s ease-in-out forwards dialogOpenBackdrop}dialog.close{animation:.1s ease-in-out forwards dialogClose}dialog.close::backdrop{animation:.1s ease-in-out forwards dialogCloseBackdrop}[data-gif]{width:100%}.post .img{margin-block:var(--margin);text-align:center;border-radius:5px;height:200px}.post pre{margin-block:var(--margin)!important}.post .img.white{background-color:#fff}.post h2{margin-top:var(--margin)}.grow{flex:1}.pb-1{padding-block:1rem}.pb-2{padding-block:1.25rem}.pb-3{padding-block:1.5rem}.pb-4{padding-block:1.75rem}.pb-5{padding-block:2rem}video{width:100%}.span{margin:1.4rem auto}.mr-2{margin-right:2rem}.font-3{font-size:3rem}.bolder{font-weight:bolder}.underline{text-decoration:underline}iframe{aspect-ratio:16/9;width:75%}.read__also time{display:none}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes hang{0%,to{transform:rotate(var(--angle))}50%{transform:rotate(calc(-1*var(--angle)))}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes dialogOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialogClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}@keyframes dialogOpenBackdrop{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1}}@keyframes dialogCloseBackdrop{0%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1}to{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0}}@media screen and (min-width:768px){html,body{font-size:16px}header nav{display:flex}#mobileNavTrigger{display:none}#timeline .inner{grid-template-columns:repeat(2,1fr)}#timeline .inner .grow{grid-column:1/3}.post p{font-size:1.3rem}.post>h1{font-size:2rem}.read__also time{display:block}.post .img{height:400px}}