#animated-transition{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%}#animated-transition>main{position:absolute;width:100%;min-height:100%;top:0;left:0}#animated-transition *{cursor:progress!important}.animate-out .terminal{display:none}.animate-out-unknown .terminal{display:block}.terminal{flex:1 1;cursor:text;outline:none}.terminal .hidden-input{max-width:1px;max-height:1px;opacity:0;pointer-events:none;position:fixed;z-index:-1}@media(max-width:1300px){.terminal{display:none}}.terminal .terminal-content{position:fixed;background:#191919;color:#ccc;height:100%;width:calc(100% - 1200px);overflow:auto;padding:8px 8px 256px}.terminal .terminal-content::-webkit-scrollbar{width:8px}.terminal .terminal-content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.terminal .terminal-content::-webkit-scrollbar-thumb{background-color:#ccc}@media(max-width:1700px){.terminal .terminal-content{width:calc(100% - 1000px)}}@media(max-width:1450px){.terminal .terminal-content{width:calc(100% - 900px)}}.terminal .user-input{white-space:pre-wrap}.terminal .user-input:before{content:"$> ";font-weight:700}.terminal .user-input .cursor-block{color:transparent;border:1px solid #ccc}.terminal .user-input span{border:1px solid transparent;margin:0 -1px}.terminal .user-input span.highlighted{border:1px solid #ccc}.terminal .user-input.index:before{color:#4f0}.terminal .user-input.work:before{color:#ff003d}.terminal .user-input.about:before{color:#f90}.terminal .user-input.contact:before{color:#ff2e00}.terminal .user-input.blog:before{color:#07f}@keyframes blink-cursor{0%,50%{background:transparent;border-color:transparent;color:#ccc}51%,to{background:#ccc;border-color:#ccc;color:#191919}}.user-input.focused .cursor-block{background:#ccc}.user-input.focused span.highlighted{background:#ccc;color:#191919}.user-input.blink .cursor-block,.user-input.blink span.highlighted{background:#ccc;animation:blink-cursor 1.5s step-end infinite}.user-input.blink span.highlighted{color:#191919}.terminal-message{white-space:pre-wrap}.terminal-message span{color:#999}.layout-content{display:flex;height:100%}.layout-content .content{position:relative;width:1200px}@media(max-width:1700px){.layout-content .content{width:1000px}}@media(max-width:1450px){.layout-content .content{width:900px}}@media(max-width:1300px){.layout-content .content{width:100%;max-width:100vw}}.layout-content .content .page-content{width:100%;padding:32px 16px 16px}.animate-in-unknown .content{opacity:0;animation:fade-in .3s ease-out forwards}.animate-out-unknown .content{opacity:1;animation:fade-out .3s ease-out forwards}@keyframes erase-animation-cover{0%{width:0}to{width:100%}}@keyframes appear-animation-unclip{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}to{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}}@keyframes appear-animation-uncover{0%{width:100%;left:0}to{width:0;left:100%}}@keyframes erase-animation-clip{0%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);color:transparent}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);color:transparent}}.animate-out .erase-animation{position:relative;animation:erase-animation-clip .5s cubic-bezier(.5,0,.5,1) .7s forwards}.animate-out .erase-animation:after{position:absolute;z-index:1;background:#333;width:0;height:100%;max-width:100%;top:0;left:0;content:"";animation:erase-animation-cover .5s cubic-bezier(.5,0,.5,1) .2s forwards}.animate-in .erase-animation-reverse{position:relative;animation-name:appear-animation-unclip;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.2s;animation-fill-mode:forwards;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}.animate-in .erase-animation-reverse:after{position:absolute;z-index:1;background:#333;width:100%;height:100%;max-width:100%;top:0;left:0;content:"";animation-name:appear-animation-uncover;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.7s;animation-fill-mode:forwards}@keyframes transition-left{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);transform:translateX(100%)}}@keyframes transition-right{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.main-content .content{display:flex;flex-direction:column;position:relative}.main-content .content .links{font-size:64px;margin:auto auto 32px 32px}@media(max-width:900px){.main-content .content .links{font-size:48px;font-size:32px}}.main-content .content .links a{text-decoration:none;color:#fff}.main-content .content .links a:hover{color:#4f0}.animate-in-about .links .erase-animation,.animate-in-contact .links .erase-animation,.animate-in-work .links .erase-animation{position:relative;animation-name:appear-animation-unclip;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:1.6s;animation-fill-mode:forwards;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}.animate-in-about .links .erase-animation:after,.animate-in-contact .links .erase-animation:after,.animate-in-work .links .erase-animation:after{position:absolute;z-index:1;background:#333;width:100%;height:100%;max-width:100%;top:0;left:0;content:"";animation-name:appear-animation-uncover;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:2.1s;animation-fill-mode:forwards}.main-content{--height-step-1:96px;--height-step-2:64px;--underscore-initial-width:74px;--underscore-initial-height:18px;--underscore-height-step-1:96px;--underscore-height-step-2:64px;--underscore-initial-border-radius:4px;--underscore-initial-bottom:10px;--underscore-bottom-step-1:-40px;--underscore-top-final-step:12px;--main-title-initial-height:1em;--font-size:96px}@media(max-width:900px){.main-content{--underscore-initial-width:50px;--underscore-initial-height:12px;--underscore-height-step-1:64px;--underscore-height-step-2:42px;--underscore-initial-border-radius:2px;--underscore-initial-bottom:6px;--underscore-bottom-step-1:-24px;--underscore-top-final-step:8px;--height-step-1:96px;--height-step-2:64px;--font-size:64px}}@media(max-width:600px){.main-content{--underscore-initial-width:36px;--underscore-initial-height:10px;--underscore-height-step-1:96px;--underscore-height-step-2:32px;--underscore-initial-border-radius:1px;--underscore-initial-bottom:33px;--underscore-bottom-step-1:-20px;--underscore-top-final-step:6px;--height-step-1:96px;--height-step-2:64px;--main-title-initial-height:2em;--font-size:48px}}.main-content .title-wrapper{position:relative}.main-content .main-title,.main-content .main-title-animated{margin:0;font-size:var(--font-size);color:#4f0;line-height:1;text-align:center;width:100%}.main-content .main-title-animated>br,.main-content .main-title>br{display:none}@media(max-width:600px){.main-content .main-title-animated>br,.main-content .main-title>br{display:block}}.main-content .main-title-animated{display:none}.main-content .title-underscore{background:#4f0;position:absolute;width:var(--underscore-initial-width);height:var(--underscore-initial-height);bottom:var(--underscore-initial-bottom);left:50%;transform:translate(-50%);border-radius:var(--underscore-initial-border-radius);z-index:1}.main-content .transition-about-title,.main-content .transition-contact-title,.main-content .transition-work-title{display:none}.subtitle-wrapper{display:grid;grid-template-columns:1fr 900px 1fr}@media(max-width:900px){.subtitle-wrapper{grid-template-columns:1fr 600px 1fr}}@media(max-width:600px){.subtitle-wrapper{grid-template-columns:1fr auto 1fr}}.subtitle-wrapper .subtitle{margin:0;font-size:32px;text-align:right;color:#4f0;font-weight:400;grid-column:2}@media(max-width:900px){.subtitle-wrapper .subtitle{font-size:24px}}@keyframes underscore-down{0%{bottom:var(--underscore-initial-bottom)}to{bottom:var(--underscore-bottom-step-1)}}@keyframes underscore-widen{0%{width:var(--underscore-initial-width);border-radius:var(--underscore-initial-border-radius)}to{width:100%;border-radius:0}}@keyframes underscore-fill-height{0%{height:var(--underscore-initial-height)}to{height:var(--underscore-height-step-1)}}@keyframes underscore-move-up{0%{bottom:var(--underscore-bottom-step-1)}to{bottom:0}}@keyframes underscore-change-color{0%{background:#4f0}to{background:var(--new-background)}}@keyframes underscore-final-position{0%{height:var(--underscore-height-step-1);top:0;bottom:unset}to{bottom:unset;top:var(--underscore-top-final-step);height:var(--underscore-height-step-2)}}@keyframes underscore-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hide-subtitle{0%{height:1em}to{height:0}}@keyframes hide-title{0%{top:0;height:var(--main-title-initial-height);color:#4f0}80%{color:#4f0}81%{color:transparent}to{top:100%;height:0;color:transparent}}.animate-out-about .title-underscore,.animate-out-contact .title-underscore,.animate-out-work .title-underscore{animation-name:underscore-down,underscore-widen,underscore-fill-height,underscore-move-up,underscore-change-color,underscore-final-position,underscore-fade-out;animation-duration:.3s,.3s,.5s,.3s,50ms,1s,.3s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:.2s,.5s,.8s,.9s,1s,1.3s,2.2s;animation-fill-mode:forwards}.animate-out-about .subtitle,.animate-out-contact .subtitle,.animate-out-work .subtitle{animation:hide-subtitle 1.2s cubic-bezier(.75,0,.25,1) .3s forwards;overflow:hidden}.animate-out-about .main-title,.animate-out-contact .main-title,.animate-out-work .main-title{opacity:0}.animate-out-about .main-title-animated,.animate-out-contact .main-title-animated,.animate-out-work .main-title-animated{display:block;position:absolute;top:0;left:0;overflow:hidden;animation:hide-title 1.25s cubic-bezier(.75,0,.25,1) .45s forwards}@keyframes new-title-animation{0%{gap:50px}to{gap:0}}@keyframes new-title-appear{0%{height:0}to{height:1em}}.transition-about-title,.transition-contact-title,.transition-work-title{position:absolute;top:0;left:50%;transform:translateX(-50%);justify-content:space-between;color:#030303;z-index:1;font-size:var(--font-size);line-height:1;gap:50px;overflow:hidden;height:0;animation-name:new-title-animation,new-title-appear;animation-duration:.2s,.3s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:1.1s,.9s;animation-fill-mode:forwards;z-index:2}.animate-out-work{--new-background:#ff003d}.animate-out-work .transition-work-title{display:flex}.animate-out-contact{--new-background:#ff2e00}.animate-out-contact .transition-contact-title{display:flex}.animate-out-about{--new-background:#f90}.animate-out-about .transition-about-title{display:flex}.animate-in-about .subtitle,.animate-in-about .title-wrapper,.animate-in-contact .subtitle,.animate-in-contact .title-wrapper,.animate-in-work .subtitle,.animate-in-work .title-wrapper{opacity:0;animation:fade-in .1s 1.3s forwards}@keyframes content-mask-appear{0%{height:0;top:calc(var(--height-step-2) - var(--underscore-initial-bottom))}to{top:calc(var(--height-step-2) - var(--underscore-bottom-step-1) + var(--underscore-initial-height));height:0}}@keyframes content-mask-fill-height{0%{height:var(--underscore-initial-height);top:calc(var(--height-step-2) - var(--underscore-bottom-step-1) + var(--underscore-initial-height))}to{height:100%;top:calc(var(--underscore-height-step-2) + var(--underscore-top-final-step))}}@keyframes content-mask-clip{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}}@keyframes reveal-background{0%{background:#030303}to{background:transparent}}.animate-out-about .content-mask,.animate-out-contact .content-mask,.animate-out-work .content-mask{position:absolute;background:#222;width:var(--underscore-initial-width);height:0;top:calc(var(--height-step-1) - var(--underscore-bottom-step-1));left:50%;transform:translateX(-50%);animation-name:content-mask-appear,underscore-widen,content-mask-fill-height,content-mask-clip;animation-duration:.3s,.3s,.3s,.5s;animation-timing-function:cubic-bezier(.75,0,.25,1);animation-delay:.2s,.5s,.9s,1.4s;animation-fill-mode:forwards}.animate-out-about .content,.animate-out-contact .content,.animate-out-work .content{background:#030303;animation:reveal-background 10ms 1.4s forwards}@font-face{font-family:__Rubik_Mono_One_e1b47d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/79b3ef898917cdc5-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Rubik_Mono_One_e1b47d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8125ab32001d7be9-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Rubik_Mono_One_e1b47d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d30c6c9221495441-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Rubik_Mono_One_Fallback_e1b47d;src:local("Arial");ascent-override:48.40%;descent-override:15.89%;line-gap-override:0.00%;size-adjust:192.57%}.__className_e1b47d{font-family:__Rubik_Mono_One_e1b47d,__Rubik_Mono_One_Fallback_e1b47d;font-weight:400;font-style:normal}@font-face{font-family:__Share_Tech_Mono_439932;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/409f897b497f3fab-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Share_Tech_Mono_Fallback_439932;src:local("Arial");ascent-override:72.34%;descent-override:19.78%;line-gap-override:0.00%;size-adjust:122.34%}.__className_439932{font-family:__Share_Tech_Mono_439932,__Share_Tech_Mono_Fallback_439932;font-weight:400;font-style:normal}