.header{padding:1rem max(1rem,(100vw - 88rem) / 2);display:flex;justify-content:space-between;align-items:center;position:fixed;left:0;top:0;width:100%;z-index:1;background-color:#080808e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header:before{content:"";position:absolute;top:0;left:0;width:100%;background:linear-gradient(to right,#37c898,#71b7fb,#ff9c6b,#ff7eb9);height:.25rem;transition:all ease .3s}.header:after{content:"";position:absolute;top:0;right:0;width:calc(100% - 100% * var(--progress));background:#080808;border:1px solid #080808;height:.25rem;transition:width .3s ease}.header[style="--progress: 1;"]{align-items:center;flex-direction:column;height:100dvh;justify-content:center}.header[style="--progress: 1;"]:after{display:none}.header[style="--progress: 1;"]:before{content:"";position:absolute;top:0;left:0;width:100%;background:linear-gradient(-45deg,#2a9c7f,#4f9be6);height:100dvh;transition:all ease .3s}.header[style="--progress: 1;"] .header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;border-radius:50%}.header[style="--progress: 1;"] .header__logo-wrapper{width:8rem;height:8rem}.header[style="--progress: 1;"] .header__logo-wrapper:after{width:2rem;height:2rem;border:4px solid #2a9c7f}.header[style="--progress: 1;"] .header__logo-wrapper:before{border:.25rem solid #37c898}.header[style="--progress: 1;"] .header__link{flex-direction:column;animation:fadein .5s ease 1;animation-delay:.3s;animation-fill-mode:both;margin-bottom:3rem}.header[style="--progress: 1;"] .header__link-text{max-width:unset;font-size:1.5rem;margin-left:1.5rem}.header[style="--progress: 1;"] .header__link-text{margin-left:0;margin-top:2rem;font-size:1.75rem;font-weight:900;letter-spacing:.15em}.header[style="--progress: 1;"] .header__link-position{margin-top:0;font-size:1.75rem;font-weight:900;color:#080808}.header[style="--progress: 1;"] .button{animation:fadein .5s ease 1;animation-fill-mode:both;animation-delay:.5s;padding:1.25rem 1.5rem;border-radius:3rem;font-size:1.25rem;border:none}.header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;border-radius:50%}.header__logo-wrapper{position:relative;width:2.5rem;height:2.5rem;display:block}@media ((orientation: portrait) and (min-width: 768px)) or (min-width: 1500px){.header__logo-wrapper{width:4.625rem;height:4.625rem}}.header__logo-wrapper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;border:2px solid #37c898;border-radius:50%}.header__logo-wrapper:after{content:"";position:absolute;bottom:0;right:0;width:.8rem;height:.8rem;border:2px solid #080808;background-color:#37c898;border-radius:50%}@media ((orientation: portrait) and (min-width: 768px)) or (min-width: 1500px){.header__logo-wrapper:after{width:1.25rem;height:1.25rem}}.header__link{z-index:1;display:flex;align-items:center}.header__link-text{font-size:.875rem;margin-left:.5rem;color:#fff;max-width:9ch;display:block;text-align:left}@media ((orientation: portrait) and (min-width: 768px)) or (min-width: 1500px){.header__link-text{max-width:unset;font-size:1.5rem;margin-left:1.5rem}}.header .button{z-index:1}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-ExtraBold.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.hero{font-size:3.5rem;width:10ch;text-align:center;animation:hero-scale 4s ease 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);letter-spacing:.08em;text-shadow:1px 1px 0px #90a4ae,2px 2px 0 #607d8b,3px 3px 0 #455a64}.hero__text-border{-webkit-text-stroke-width:1px;letter-spacing:initial;color:#080808;animation:rainbow 10s linear infinite}@media (min-width: 768px){.hero{font-size:7rem}}@media (min-width: 1024px) and (max-width: 1500px){.hero{font-size:10rem}}@media (min-width: 1500px){.hero{width:21.4ch}}.scroll-down{position:fixed;bottom:1rem;left:50%;font-size:1rem;opacity:.5;display:none;animation:up-down 1.5s ease-in-out infinite;text-align:center;width:100%}@media (min-width: 768px){.scroll-down{font-size:2rem}}.section--hero[style="--progress: 0;"] .scroll-down{display:block}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-ExtraBold.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.section--about{font-size:2rem;animation:show-hide-fast 1s linear 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);letter-spacing:.08em;display:flex;flex-direction:column}.section--about .emoji-wave{animation:wave 1.5s infinite linear;transform-origin:70% 70%;display:inline-block;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem}.section--about .emoji-wave__text{font-weight:900;animation:show-hide 1s linear 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s)}@media (min-width: 768px){.section--about{font-size:3rem}}@media (min-width: 1024px){.section--about{font-size:4rem}}.section--about .typewriter{font-size:1rem;letter-spacing:.02em;font-weight:600;animation:show-hide 1s linear 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s)}@media (min-width: 768px){.section--about .typewriter{font-size:1.5rem}}@media (min-width: 1024px){.section--about .typewriter{font-size:2rem}}.section--about .typewriter strong{color:#37c898}.section--about .typewriter strong:nth-child(2n){color:#71b7fb}.section--about .typewriter strong:nth-child(3n){color:#ff9c6b}.section--about .typewriter strong:nth-child(4n){color:#ff7eb9}.section--about .typewriter strong:nth-child(5n){color:#71b7fb}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-ExtraBold.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.section--tech-stack{font-size:3.5rem;animation:show-hide 1s linear 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);letter-spacing:.08em;display:flex;padding:2rem 0}@media (orientation: portrait){.section--tech-stack{flex-direction:column;padding:0}}@media (orientation: landscape) and (min-width: 1024px){.section--tech-stack{flex-direction:column;padding:0}}@media (orientation: landscape) and (max-width: 1024px){.section--tech-stack{top:2.625rem}}.section--tech-stack h2{font-size:1.35rem;letter-spacing:.1em;text-align:center;opacity:0;animation:fadein 1s ease 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -5s);color:#ff9c6b;-webkit-text-stroke-color:#ff7e4a;text-shadow:1px 1px 0px #ff7e4a}@media (orientation: portrait){.section--tech-stack h2{margin-bottom:1rem}}@media (orientation: portrait) and (min-width: 768px){.section--tech-stack h2{font-size:2.5rem}}@media (orientation: landscape) and (min-width: 1024px){.section--tech-stack h2{font-size:3rem}}.section--tech-stack .laptop__wrapper{position:relative;max-width:50%}@media (orientation: portrait){.section--tech-stack .laptop__wrapper{max-width:56.25rem}}@media (orientation: landscape) and (min-width: 1024px){.section--tech-stack .laptop__wrapper{max-width:56.25rem}}.section--tech-stack .laptop__background{width:100%;padding:0 1rem 1rem;animation:margin-top 1s ease 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -5s)}.section--tech-stack .laptop__background>img{width:100%}@media (orientation: portrait){.section--tech-stack .laptop__background{padding-top:1rem}}.badge{position:absolute;width:12%;top:50%;left:10%;cursor:pointer;animation-fill-mode:both;animation-duration:1s;animation-timing-function:ease;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);transition:opacity .3s ease-in-out}.badge__description{display:none}.badge:not(.badge--active){opacity:.35}.badge:hover{opacity:1}.badge--wp{width:12%;animation-name:badge-wp}.badge--laravel{width:12%;animation-name:badge-laravel}.badge--mariadb{width:15%;animation-name:badge-mariadb}.badge--php{width:15%;animation-name:badge-php}.badge--js{animation-name:badge-js}.badge--react{animation-name:badge-react}.badge--scss{animation-name:badge-scss}.badge--docker{width:13%;animation-name:badge-docker}.badge--git{width:13%;animation-name:badge-git}.badge--gitlab{animation-name:badge-gitlab}.badge--vscode{animation-name:badge-vscode}.badge--linux{animation-name:badge-linux}.click-badge{position:absolute;bottom:-2.5rem;left:0;font-size:1rem;letter-spacing:.1em;text-align:center;width:100%;animation:click-badge .5s ease-in-out;animation-fill-mode:both;font-family:JetBrains-Mono,monospace}@media (orientation: portrait) and (min-width: 768px){.click-badge{font-size:1.5rem}}@media (orientation: landscape) and (min-width: 1024px){.click-badge{font-size:1.5rem}}.click-badge__pointer{font-family:consoles;position:relative;animation:up-down 1s ease-in-out infinite;display:inline-block;top:-.5rem;left:.5rem}@keyframes click-badge{0%{opacity:0}to{opacity:1}}@keyframes badge-wp{0%{visibility:hidden;transform:translate(-50%,-130%) scale(1.3);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}45%{visibility:visible}to{transform:translate(-10%,-120%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-laravel{0%{visibility:hidden;transform:translate(180%,-130%) scale(1.3);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}45%{visibility:visible}to{transform:translate(130%,-120%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-mariadb{0%{visibility:hidden;transform:translate(120%,-210%) scale(1.3) rotate(30deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}30%{visibility:visible}to{transform:translate(80%,-190%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-php{0%{visibility:hidden;transform:translate(-60%,-250%) scale(1.3) rotate(15deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}35%{visibility:visible}to{transform:translate(-20%,-200%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-js{0%{visibility:hidden;transform:translate(-50%,20%) scale(1.3) rotate(-15deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}35%{visibility:visible}to{transform:translate(-20%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-scss{0%{visibility:hidden;transform:translate(50%,120%) scale(1.3) rotate(180deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}30%{visibility:visible}to{transform:translate(50%,120%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-react{0%{visibility:hidden;transform:translate(120%,20%) scale(1.2) rotate(45deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}60%{visibility:visible}to{transform:translate(120%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-docker{0%{visibility:hidden;transform:translate(530%,-160%) scale(1.3);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}55%{visibility:visible}to{transform:translate(530%,-160%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-git{0%{visibility:hidden;transform:translate(500%,150%) scale(1.3) rotate(-45deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}50%{visibility:visible}to{transform:translate(480%,120%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-gitlab{0%{visibility:hidden;transform:translate(420%,-150%) scale(1.3) rotate(-90deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}35%{visibility:visible}to{transform:translate(420%,-150%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-vscode{0%{visibility:hidden;transform:translate(580%) scale(1.3) rotate(60deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}25%{visibility:hidden}to{visibility:visible;transform:translate(550%,-30%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes badge-linux{0%{visibility:hidden;transform:translate(400%,80%) scale(1.3) rotate(-60deg);filter:drop-shadow(2rem 4rem 2rem rgba(0,0,0,.1))}25%{visibility:visible}to{transform:translate(430%,20%) scale(1);filter:drop-shadow(.015rem .015em .1rem rgba(0,0,0,.25))}}@keyframes margin-top{0%{margin-top:150vh}to{margin-top:1rem}}@keyframes fadein{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(.9) translate(-50%,-50%);box-shadow:0 0 #71b7fb}80%{transform:scale(1) translate(-50%,-50%);box-shadow:0 0 0 11px #ff525200}to{transform:scale(.9) translate(-50%,-50%);box-shadow:0 0 #ff525200}}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-ExtraBold.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains-Mono;src:url(../fonts/JetBrainsMono-SemiBold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.section--projects .project__name{font-family:JetBrains-Mono,monospace;font-weight:900;line-height:1.1;text-transform:uppercase}.section--projects .project__description p{font-family:JetBrains-Mono,monospace;font-weight:500;line-height:1.5}.section--projects{font-size:3.5rem;animation:show 1s linear 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);letter-spacing:.08em;top:4.625rem!important;height:calc(100dvh - 4.625rem)!important}.section--projects .section__content{display:flex;align-items:center;flex-direction:column;height:100%;padding:1rem 0}@media (orientation: portrait){.section--projects .section__content{justify-content:center;padding:2rem 0}}@media (orientation: landscape){.section--projects .section__content{width:100%}}@media (orientation: landscape) and (min-width: 1024px){.section--projects .section__content{padding:2rem 0}}@media (orientation: landscape) and (min-width: 1500px){.section--projects .section__content{padding:8rem 0}}.section--projects h2{font-size:2rem;color:#ff7eb9;letter-spacing:.1em;margin-bottom:1rem;animation:zoom-out .5s ease 1;animation-fill-mode:both;animation-play-state:paused;animation-delay:calc(var(--progress) * -1s);text-align:center;-webkit-text-stroke-color:#ff5e9c;text-shadow:2px 1px 0px #ff5e9c}@media (orientation: portrait){.section--projects h2{margin-bottom:2rem}}@media (orientation: portrait) and (min-width: 768px){.section--projects h2{font-size:3.5rem}}@media (orientation: portrait) and (min-width: 1024px){.section--projects h2{font-size:5rem}}@media (orientation: landscape) and (min-width: 1024px){.section--projects h2{margin-bottom:2rem;font-size:2.5rem}}@media (orientation: landscape) and (min-width: 1500px){.section--projects h2{margin-bottom:4rem;font-size:3rem}}.section--projects .project{position:absolute;top:calc(var(--index) * .5rem);left:0;width:100%;display:flex;flex-direction:column;visibility:hidden;transform:translateY(75%) scale(1.3);transition:transform .3s ease;padding:1rem 1rem 2rem}@media (orientation: portrait) and (min-width: 1024px){.section--projects .project{padding:2rem 2rem 4rem}}@media (orientation: landscape){.section--projects .project{flex-direction:row;align-items:center;padding:1rem}}.section--projects .project__container{position:relative;width:100%;padding:1rem;height:32rem}@media (orientation: portrait) and (min-width: 1024px){.section--projects .project__container{height:52rem}}@media (orientation: landscape){.section--projects .project__container{height:min(100%,20rem)}}.section--projects .project:before{content:"";position:absolute;z-index:-1;top:-.125rem;left:-.125rem;width:calc(100% + .25rem);height:calc(100% + .25rem);background:linear-gradient(-45deg,#37c898,#71b7fb,#2a9c7f,#4f9be6);background-size:400% 400%;animation:rotating-gradient 5s ease infinite;border-radius:.5rem}@media (min-width: 1500px){.section--projects .project:before{top:-.2rem;left:-.2rem;width:calc(100% + .4rem);height:calc(100% + .4rem);border-radius:1rem}}.section--projects .project:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#080808;z-index:-1;border-radius:.5rem}@media (min-width: 1500px){.section--projects .project:after{border-radius:1rem}}.section--projects .project>*{opacity:0}.section--projects .project:nth-child(2n):before{background:linear-gradient(-45deg,#71b7fb,#ff9c6b,#4f9be6,#ff7e4a);background-size:400% 400%}.section--projects .project:nth-child(3n):before{background:linear-gradient(-45deg,#ff9c6b,#ff7eb9,#ff7e4a,#ff5e9c);background-size:400% 400%}.section--projects .project:nth-child(4n):before{background:linear-gradient(-45deg,#ff7eb9,#37c898,#ff5e9c,#2a9c7f);background-size:400% 400%}.section--projects .project:nth-child(5n):before{background:linear-gradient(-45deg,#37c898,#71b7fb,#2a9c7f,#4f9be6);background-size:400% 400%}.section--projects .project--visible{transform:translateY(-2%) scale(calc(.93 + .01 * var(--index)));visibility:visible}.section--projects .project--visible>*{opacity:1}@media (min-width: 1500px){.section--projects .project--visible{transform:translateY(-4%) scale(calc(.93 + .01 * var(--index)))}}.section--projects .project--current{transform:translateY(0) scale(1)}.section--projects .project--current>*{opacity:1}.section--projects .project__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s ease;object-position:top center}.section--projects .project__image-wrapper{overflow:clip;position:relative;padding-top:56.25%;width:100%;background-color:#ffffff03;margin-bottom:2rem}@media (orientation: landscape){.section--projects .project__image-wrapper{margin-right:2rem;margin-bottom:0;width:35dvw;padding-top:19.6875dvw;flex-shrink:0}}@media (orientation: landscape) and (min-width: 1024px){.section--projects .project__image-wrapper{width:min(45dvw,50rem);padding-top:calc(.5625*min(45dvw,50rem))}}.section--projects .project__image:hover{transition:all 15s linear;object-position:bottom center}.section--projects .project__description{display:flex;flex-direction:column}.section--projects .project__description p{font-size:.875rem;color:#ffffffbf;letter-spacing:.1em}@media (orientation: portrait) and (min-width: 768px){.section--projects .project__description p{font-size:1rem}}@media (orientation: portrait) and (min-width: 1024px){.section--projects .project__description p{font-size:1.5rem}}@media (orientation: landscape) and (min-width: 1024px){.section--projects .project__description p{font-size:1.25rem}}.section--projects .project__name{background-color:#080808;border:none;font-size:1rem;color:#37c898;letter-spacing:.1em;margin-bottom:1rem}@media (orientation: portrait) and (min-width: 768px){.section--projects .project__name{font-size:1.25rem}}@media (orientation: portrait) and (min-width: 1024px){.section--projects .project__name{font-size:2rem}}@media (orientation: landscape) and (min-width: 768px){.section--projects .project__name{font-size:1.25rem}}@media (orientation: landscape) and (min-width: 1024px){.section--projects .project__name{font-size:1.75rem}}@keyframes zoom-out{0%{opacity:0;transform:scale(4)}5%{opacity:1}20%{transform:scale(1)}to{transform:scale(1)}}@keyframes rotating-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}ul,ol{margin:0}ul{padding-left:0}html,html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}img,picture{max-width:100%;display:block}input[type=submit],button,a{cursor:pointer}a[href="#"]{cursor:default}input,button,textarea,select{font:inherit}input:focus,button:focus,textarea:focus,select:focus{outline:none}select{cursor:pointer}input[type=submit]{-webkit-appearance:none}a:link,a:visited{text-decoration:none}@font-face{font-family:JetBrains-Mono;src:url(/assets/JetBrainsMono-ExtraBold--yOSZ0j7.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains-Mono;src:url(/assets/JetBrainsMono-SemiBold-TPA3Nrfi.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}h1,h2{font-family:JetBrains-Mono,monospace;font-weight:900;line-height:1.1;text-transform:uppercase}.button{font-family:JetBrains-Mono,monospace;font-weight:900;line-height:1.1;font-size:.875rem;text-transform:capitalize}body{font-family:JetBrains-Mono,monospace;font-weight:500;line-height:1.5}@keyframes hero-scale{50%{transform:translate(-50%,-50%) scale(50)}to{transform:translate(-50%,-50%) scale(100);opacity:0}}@keyframes up-down{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(1rem)}to{transform:translate(-50%) translateY(0)}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rainbow{0%{color:#aad6ff;-webkit-text-stroke-color:#71b7fb;text-shadow:1px 1px 0px #71b7fb,2px 2px 0 #71b7fb,3px 3px 0 #71b7fb}25%{color:#37c898;-webkit-text-stroke-color:#2a9c7f;text-shadow:1px 1px 0px #2a9c7f,2px 2px 0 #2a9c7f,3px 3px 0 #2a9c7f}50%{color:#ff9c6b;-webkit-text-stroke-color:#ff7e4a;text-shadow:1px 1px 0px #ff7e4a,2px 2px 0 #ff7e4a,3px 3px 0 #ff7e4a}75%{color:#ff7eb9;-webkit-text-stroke-color:#ff5e9c;text-shadow:1px 1px 0px #ff5e9c,2px 2px 0 #ff5e9c,3px 3px 0 #ff5e9c}to{color:#aad6ff;-webkit-text-stroke-color:#71b7fb;text-shadow:1px 1px 0px #71b7fb,2px 2px 0 #71b7fb,3px 3px 0 #71b7fb}}@keyframes show-hide{0%{opacity:0}5%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes show-hide-fast{0%{opacity:0}1%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}:root{color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#080808;color:#fff;height:900vh}.button{border:2px solid #71b7fb;padding:.625rem .5rem;background-color:#71b7fb;color:#080808;border-radius:1.75rem;display:flex;align-items:center;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.button:hover,.button:focus,.button:active{background-color:#aad6ff;border-color:#aad6ff}@media ((orientation: portrait) and (min-width: 768px)) or (min-width: 1500px){.button{padding:1.25rem 1.5rem;border-radius:3rem;font-size:1.25rem}}main{width:100%;max-width:88rem;padding:1rem;margin:auto}.section{position:fixed;top:4.625rem;left:max(1rem,(100% - 88rem) / 2);width:calc(min(88rem,100%) - 2rem);height:calc(100dvh - 4.625rem);display:flex;align-items:center;justify-content:center}.typewriter{position:relative;padding:1rem;text-align:left;font-size:1rem}.typewriter__cursor{content:"|";width:.1em;height:1em}.typewriter--done .typewriter__cursor{animation:blink 1s infinite}