.navigation-item{counter-increment:item 1}.navigation-item a{text-decoration:none;color:inherit;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;padding:.6rem;transition:all .25s cubic-bezier(.645,.045,.355,1)}.navigation-item a:hover{color:#64ffda}.navigation-item a:focus{outline:2px dashed #64ffda;outline-offset:3px}.navigation-item a:before{content:"0" counter(item) ".";margin-right:5px;color:#64ffda;font-size:12px;text-align:right}@media (min-width: 768px){.navigation{display:flex;justify-content:flex-end;align-items:center;gap:2rem}.navigation .navigation-items{margin:0;display:flex;justify-content:flex-end;align-items:center;gap:2rem;list-style:none}.navigation .resume-button{border:1px solid #64ffda;border-radius:4px;padding:.75rem 1rem;text-decoration:none;background-color:transparent;color:#64ffda;font-size:13px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;line-height:1;cursor:pointer}.navigation .resume-button:hover,.navigation .resume-button:active,.navigation .resume-button:focus{background-color:#64ffda1a;outline:none}.navigation .resume-button .fadedown-enter{opacity:.01;transform:translateY(-20px);transition:all .3s cubic-bezier(.645,.045,.355,1)}.navigation .resume-button .fadedown-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.645,.045,.355,1)}}.hamburger{position:relative;z-index:15;margin-right:-15px;padding:15px;border:0;background-color:transparent;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter}.hamburger .hamburger__box{display:inline-block;position:relative;width:30px;height:24px}.hamburger .hamburger__box .box__inner{position:absolute;top:50%;right:0;width:30px;height:2px;border-radius:4px;background-color:#64ffda;transition-duration:.22s;transition-property:transform}.hamburger .hamburger__box .box__inner:after,.hamburger .hamburger__box .box__inner:before{content:"";display:block;position:absolute;left:auto;right:0;width:30px;height:2px;border-radius:4px;background-color:#64ffda}.hamburger .hamburger__box .box__inner--side-nav-open{transition-delay:.12s;transform:rotate(225deg);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger .hamburger__box .box__inner--side-nav-open:before{width:100%;top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger .hamburger__box .box__inner--side-nav-open:after{width:100%;bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger .hamburger__box .box__inner--side-nav-closed{transition-delay:0s;transform:rotate(0);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger .hamburger__box .box__inner--side-nav-closed:before{width:120%;top:-10px;opacity:1;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger .hamburger__box .box__inner--side-nav-closed:after{width:80%;bottom:-10px;transform:0;transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}@media (min-width: 768px){.hamburger{display:none}}.backdrop{position:fixed;top:0;left:0;height:100vh;width:50vw;background-color:transparent;z-index:15}.side-nav{position:fixed;top:0;right:0;display:flex;flex-direction:column;justify-content:center;height:100vh;width:50vw;background-color:#112240;z-index:12}.side-nav nav{height:50%}.side-nav nav .navigation{display:flex;flex-direction:column;align-items:center;height:100%}.side-nav nav .navigation .navigation-items{list-style:none;margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.side-nav nav .navigation .resume-button{color:#64ffda;background-color:transparent;border:1px solid #64ffda;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);padding:18px 50px;margin:10% auto 0;width:max-content}.side-nav nav .navigation .resume-button:hover,.side-nav nav .navigation .resume-button:focus,.side-nav nav .navigation .resume-button:active{background-color:#64ffda1a;outline:none}.side-nav nav .navigation .resume-button:after{display:none!important}.side-nav .navigation-items .navigation-item{margin-bottom:20px}.side-nav .navigation-items .navigation-item a{display:flex;flex-direction:column;align-items:center;font-size:clamp(14px,4vw,18px);padding:3px 20px 20px}.side-nav .navigation-items .navigation-item a:before{display:block;margin:0 0 5px;font-size:14px}.sideNav-enter{transform:translate(100%)}.sideNav-enter-active{transform:translate(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.sideNav-exit{transform:translate(0)}.sideNav-exit-active{transform:translate(100%);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.logo{display:flex}.logo svg{height:42px;width:42px}.styled-header{position:fixed;top:0;z-index:14;height:100px;width:100%;display:flex;justify-content:flex-end;align-items:center;background-color:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.645,.045,.355,1);padding:0 25px}.with-box-shadow{height:70px;transform:translateY(0);background-color:#0a192fd9;box-shadow:0 10px 30px -10px #020c1bb3}.header--hidden{height:70px;transform:translateY(-70px);box-shadow:0 10px 30px -10px #020c1bb3}.main-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.main-nav .navigation{display:none}@media (min-width: 768px){.main-nav .side-nav-container{display:none}}@media (min-width: 768px){.main-nav .navigation{display:flex}}.fadeup-enter{opacity:.01;transform:translateY(20px);transition:all .3s cubic-bezier(.645,.045,.355,1)}.fadeup-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.645,.045,.355,1)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.fadedown-enter{opacity:.01;transform:translateY(-20px);transition:all .3s cubic-bezier(.645,.045,.355,1)}.fadedown-enter-active{opacity:1;transform:translateY(0);transition:all .3s cubic-bezier(.645,.045,.355,1)}aside .transition-wrapper{display:flex;flex-direction:column;align-items:center}.social{display:none}@media (min-width: 768px){.social{display:flex;justify-content:center;position:fixed;bottom:0;width:40px}}.left{left:20px}@media (min-width: 1080px){.left{left:40px}}.right{right:20px}@media (min-width: 1080px){.right{right:40px}}.social-icons{display:flex;flex-direction:column;align-items:center;position:fixed;padding:0;bottom:0;gap:2rem;list-style:none;margin:0}.social-icons li a{color:inherit}.social-icons li a svg{display:block;width:20px;height:20px;color:#a8b2d1;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.social-icons li a svg:hover,.social-icons li a svg:focus{color:#64ffda!important;transform:translateY(-3px)}.social-icons li a svg.special-styling{fill:#a8b2d1}.social-icons li a svg.special-styling:hover,.social-icons li a svg.special-styling:focus{fill:#64ffda!important;transform:translateY(-3px)}.social-icons:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#a8b2d1}.email-container{display:flex;flex-direction:column;align-items:center;position:fixed;padding:0;bottom:0;gap:2rem}.email-container a{color:inherit;text-decoration:none;writing-mode:vertical-rl;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.75rem;transition:all .25s cubic-bezier(.645,.045,.355,1)}.email-container a:hover,.email-container a:focus{color:#64ffda;transform:translateY(-3px)}.email-container:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#a8b2d1}footer{text-align:center;padding:15px}footer .icons-container{margin:0 auto 10px;width:100%;display:flex;justify-content:center}@media (min-width: 768px){footer .icons-container{display:none}}footer .icons-container .social-icons--footer{list-style:none;width:50vw;max-width:187px;margin:0;padding:0;display:flex;justify-content:space-between}footer .icons-container .social-icons--footer li a{padding:10px}footer .icons-container .social-icons--footer li a svg{width:20px;height:20px;color:inherit;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}footer .icons-container .social-icons--footer li a svg:hover,footer .icons-container .social-icons--footer li a svg:focus{color:#64ffda}footer .icons-container .social-icons--footer li a .special-styling{fill:#a8b2d1}footer .icons-container .social-icons--footer li a .special-styling:hover,footer .icons-container .social-icons--footer li a .special-styling:focus{fill:#64ffda!important}footer p{padding:10px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px;line-height:1}main{margin:0 auto;width:100%;max-width:1600px;min-height:100vh;padding:0 25px}@media (min-width: 480px){main{padding:0 50px}}@media (min-width: 768px){main{padding:0 100px}}@media (min-width: 1080px){main{padding:0 150px}}.hero{font-family:Inter,sans-serif;height:100vh;display:flex;flex-direction:column;justify-content:center}.hero h1{margin:0 0 30px 4px;font-size:clamp(14px,5vw,16px);font-weight:400;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;color:#64ffda}.hero h3{margin-top:5px;color:#8892b0;line-height:.9}.hero .subheading{margin-top:20px;max-width:550px;color:#8892b0}.hero .subheading span{color:#64ffda}.test{color:#64ffda;background-color:transparent;border:1px solid #64ffda;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);margin-top:50px}.test:hover,.test:focus,.test:active{background-color:#64ffda1a;outline:none}.test:after{display:none!important}.image-wrapper{position:relative;width:70%;max-width:300px;margin:50px auto 0}@media (min-width: 768px){.image-wrapper{margin:0;width:auto}}.image-wrapper .image-wrapper__container{display:block;position:relative;width:100%;background-color:#64ffda;border-radius:4px;box-shadow:0 10px 30px -15px #64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}.image-wrapper .image-wrapper__container:hover,.image-wrapper .image-wrapper__container:focus{box-shadow:0 20px 30px -15px #64ffda}.image-wrapper .image-wrapper__container:hover,.image-wrapper .image-wrapper__container:focus{outline:0}.image-wrapper .image-wrapper__container:hover:after,.image-wrapper .image-wrapper__container:focus:after{top:15px;left:15px}.image-wrapper .image-wrapper__container:hover img,.image-wrapper .image-wrapper__container:focus img{filter:none;mix-blend-mode:normal}.image-wrapper .image-wrapper__container img{position:relative;display:block;width:100%;border-radius:4px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:all .25s cubic-bezier(.645,.045,.355,1)}.image-wrapper .image-wrapper__container:before,.image-wrapper .image-wrapper__container:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:4px;transition:all .25s cubic-bezier(.645,.045,.355,1)}.image-wrapper .image-wrapper__container:before{top:0;left:0;background-color:#0a192f;mix-blend-mode:screen}.image-wrapper .image-wrapper__container:after{border:2px solid #64ffda;top:20px;left:20px;z-index:-1}.image-wrapper .image-wrapper__container figure{margin:0}.about{max-width:900px}.about .inner-wrapper{display:block}@media (min-width: 768px){.about .inner-wrapper{display:grid;grid-template-columns:3fr 2fr;grid-gap:50px}}.skills{max-width:700px}.skills .tab{display:block}@media (min-width: 600px){.skills .tab{display:flex}}.skills .tab .tab__list{position:relative;display:flex;z-index:3;width:calc(100% + 50px);padding-left:25px;margin-left:-25px;overflow-x:auto;margin-bottom:30px}@media (min-width: 480px){.skills .tab .tab__list{width:calc(100% + 100px);padding-left:50px;margin:0 0 30px -50px}}@media (min-width: 600px){.skills .tab .tab__list{display:block;padding:0;margin:0;width:max-content;overflow-x:visible}}.skills .tab .tab__list button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:120px;padding:0 15px;height:57px;background-color:transparent;color:#8892b0;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;border:0;border-bottom:2px solid #233554;white-space:nowrap;cursor:pointer}.skills .tab .tab__list button[is-active=true]{color:#64ffda}.skills .tab .tab__list button:hover,.skills .tab .tab__list button:active,.skills .tab .tab__list button:focus{color:#64ffda;background-color:#112240;outline:0}@media (min-width: 480px){.skills .tab .tab__list button{max-width:120px}}@media (min-width: 600px){.skills .tab .tab__list button{border-bottom:0;border-left:2px solid #233554;padding:0 15px 2px}}@media (min-width: 768px){.skills .tab .tab__list button{padding:0 20px 2px}}.skills .tab .tab__highlight{position:absolute;top:auto;bottom:0;left:0;z-index:10;height:2px;width:100%;margin-left:25px;max-width:120px;background-color:#64ffda;transition:transform .25s cubic-bezier(.645,.045,.355,1);transition-delay:.1s}@media (min-width: 480px){.skills .tab .tab__highlight{margin-left:50px}}@media (min-width: 600px){.skills .tab .tab__highlight{top:0;margin:0;width:2px;height:57px}}.skills .tab .tab__panels{position:relative;width:100%;height:180px}@media (min-width: 600px){.skills .tab .tab__panels{margin-left:20px}}.skills .tab .tab__panels .tab__panel{height:100%;width:100%;display:flex;justify-content:space-around;align-content:space-between;flex-wrap:wrap}.skills .tab .tab__panels .tab__panel div{width:30%;display:flex;flex-direction:column;align-items:center;margin:8px 0}.skills .tab .tab__panels .tab__panel div svg{transform:scale(1.3);fill-opacity:1;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.skills .tab .tab__panels .tab__panel div svg path{fill:#8892b0!important}.skills .tab .tab__panels .tab__panel div svg .custom-svg{fill:#0a192f!important}.skills .tab .tab__panels .tab__panel div svg line,.skills .tab .tab__panels .tab__panel div svg polyline{stroke:#8892b0!important}.skills .tab .tab__panels .tab__panel div p{margin-top:.8rem;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;color:#64ffda;text-align:center;line-height:1.4}.skills .tab .tab__panels svg{height:2rem;width:2rem}.skills .tab .tab__panels svg rect{fill:#8892b0;opacity:.5}.skills .tab .tab__panels svg path{fill:#0a192f;fill-rule:evenodd}.projects-list{list-style:none;margin:0;padding:0}.projects-list a{position:relative;z-index:1}.projects-list .styled-project{position:relative;display:grid;grid-gap:10px;grid-template-columns:repeat(12,1fr);align-items:center;border-radius:4px}@media (max-width: 768px){.projects-list .styled-project:hover{box-shadow:0 10px 30px -15px #64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}.projects-list .styled-project:hover:hover,.projects-list .styled-project:hover:focus{box-shadow:0 20px 30px -15px #64ffda}}.projects-list .styled-project:not(:last-of-type){margin-bottom:30px}@media (min-width: 480px){.projects-list .styled-project:not(:last-of-type){margin-bottom:70px}}@media (min-width: 768px){.projects-list .styled-project:not(:last-of-type){margin-bottom:100px}}.projects-list .styled-project:nth-of-type(odd) .project-content{grid-column:1/-1;padding:25px 25px 20px;text-align:left}@media (min-width: 480px){.projects-list .styled-project:nth-of-type(odd) .project-content{padding:40px 40px 30px}}@media (min-width: 768px){.projects-list .styled-project:nth-of-type(odd) .project-content{grid-column:5/-1;text-align:right;padding:0}}@media (min-width: 1080px){.projects-list .styled-project:nth-of-type(odd) .project-content{grid-column:7/-1}}.projects-list .styled-project:nth-of-type(odd) .project-tech-list{justify-content:flex-start}@media (min-width: 768px){.projects-list .styled-project:nth-of-type(odd) .project-tech-list{justify-content:flex-end}}.projects-list .styled-project:nth-of-type(odd) .project-tech-list li{margin:0 10px 5px 0}@media (min-width: 768px){.projects-list .styled-project:nth-of-type(odd) .project-tech-list li{margin:0 0 5px 20px}}.projects-list .styled-project:nth-of-type(odd) .project-links{justify-content:flex-start;margin-left:-10px;margin-right:0}@media (min-width: 768px){.projects-list .styled-project:nth-of-type(odd) .project-links{justify-content:flex-end;margin-left:0;margin-right:-10px}}.projects-list .styled-project:nth-of-type(odd) .project-image{grid-column:1/-1}@media (min-width: 768px){.projects-list .styled-project:nth-of-type(odd) .project-image{grid-column:1/8}}.projects-list .styled-project .project-content{position:relative;grid-column:1/-1;grid-row:1/-1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:30px 25px 20px;z-index:5}@media (min-width: 480px){.projects-list .styled-project .project-content{padding:40px 40px 30px}}@media (min-width: 768px){.projects-list .styled-project .project-content{grid-column:1/9;display:block;z-index:auto;height:auto;padding:0}}@media (min-width: 1080px){.projects-list .styled-project .project-content{grid-column:1/7}}.projects-list .styled-project .project-overline{margin:10px 0;color:#64ffda;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;font-weight:400}.projects-list .styled-project .project-title{color:#ccd6f6;font-size:clamp(22px,5vw,26px)}@media (min-width: 768px){.projects-list .styled-project .project-title{margin:0 0 20px}}@media (max-width: 768px){.projects-list .styled-project .project-title{color:#e6f1ff}.projects-list .styled-project .project-title a{position:static}.projects-list .styled-project .project-title a:before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0}}.projects-list .styled-project .project-description{position:relative;z-index:2;padding:20px 0;border-radius:4px;background-color:transparent;color:#a8b2d1;font-size:16px;line-height:1.4}@media (min-width: 768px){.projects-list .styled-project .project-description{padding:25px;background-color:#112240}}.projects-list .styled-project .project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:10px 0;padding:0;list-style:none}.projects-list .styled-project .project-tech-list li{margin:0 20px 5px 0;color:#ccd6f6;font-size:13px}@media (min-width: 768px){.projects-list .styled-project .project-tech-list{margin:25px 0 10px}.projects-list .styled-project .project-tech-list li{margin:0 20px 5px 0;color:#a8b2d1}}.projects-list .styled-project .project-links{display:flex;align-items:center;position:relative;margin-left:-10px}.projects-list .styled-project .project-links a{display:flex;justify-content:center;align-items:center;padding:10px}.projects-list .styled-project .project-links a svg{width:20px;height:20px;color:inherit;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.projects-list .styled-project .project-links a svg:hover,.projects-list .styled-project .project-links a svg:focus{color:#64ffda}.projects-list .styled-project .project-links a.external svg{margin-top:-4px}.projects-list .styled-project .project-image{grid-column:1/-1;grid-row:1/-1;position:relative;z-index:1;opacity:.25;height:100%}@media (min-width: 768px){.projects-list .styled-project .project-image{box-shadow:0 10px 30px -15px #64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1);grid-column:6/-1;opacity:1;height:auto}.projects-list .styled-project .project-image:hover,.projects-list .styled-project .project-image:focus{box-shadow:0 20px 30px -15px #64ffda}}.projects-list .styled-project .project-image a{width:100%;height:100%;background-color:#8892b0;border-radius:4px;vertical-align:middle}.projects-list .styled-project .project-image a:hover,.projects-list .styled-project .project-image a:focus{background:transparent;outline:0}.projects-list .styled-project .project-image a:hover:before,.projects-list .styled-project .project-image a:hover .image-wrapper,.projects-list .styled-project .project-image a:focus:before,.projects-list .styled-project .project-image a:focus .image-wrapper{background:transparent;filter:none}.projects-list .styled-project .project-image a:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:3;transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#0a192f;opacity:.8}@media (min-width: 768px){.projects-list .styled-project .project-image a:before{mix-blend-mode:screen;opacity:1}}.projects-list .styled-project .project-image a .image-wrapper{border-radius:4px;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);width:100%;max-width:100%;vertical-align:middle;position:relative;overflow:hidden;margin:0}.projects-list .styled-project .project-image a .image-wrapper picture{max-width:700px;display:block}.projects-list .styled-project .project-image a .image-wrapper img{width:100%;max-width:100%;vertical-align:middle}.github-invitation{padding-top:200px;width:100%;text-align:center}.github-invitation h3{font-size:32px}.github-invitation a{font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;color:#64ffda}.github-invitation a:hover,.github-invitation a:focus,.github-invitation a:active{color:#64ffda;outline:0}.github-invitation a:hover:after,.github-invitation a:focus:after,.github-invitation a:active:after{width:100%}.github-invitation a:hover>*,.github-invitation a:focus>*,.github-invitation a:active>*{color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}.github-invitation a:after{content:"";display:block;width:0;height:1px;position:relative;bottom:.37em;background-color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1);opacity:.5}.contact{max-width:600px;margin:0 auto 50px;text-align:center}@media (min-width: 768px){.contact{margin:0 auto 100px}}.contact .overline{display:block;margin-bottom:20px;color:#64ffda;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:16px;font-weight:400}.contact .overline:before{bottom:0;font-size:14px}.contact .overline:after{display:none}.contact .title{font-size:clamp(40px,5vw,56px)}.contact .email-link{color:#64ffda;background-color:transparent;border:1px solid #64ffda;border-radius:4px;padding:1.25rem 1.75rem;font-size:14px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;line-height:1;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1);margin-top:50px}.contact .email-link:hover,.contact .email-link:focus,.contact .email-link:active{background-color:#64ffda1a;outline:none}.contact .email-link:after{display:none!important}:export{tabHeight:57px;tabWidth:120px}#root{display:flex;flex-direction:column;min-height:100vh}html{box-sizing:border-box;width:100%;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#495670 #0a192f}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a192f}::-webkit-scrollbar-thumb{background-color:#495670;border:3px solid #0a192f;border-radius:10px}*,*:before,*:after{box-sizing:inherit}body{margin:0;color:#ccd6f6;background-color:#0a192f;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-size:20px;line-height:1.3;counter-reset:section}body.blur{overflow:hidden}body.blur main{filter:blur(5px) brightness(.7)}section{margin:0 auto;padding:60px 0;max-width:1000px}@media (min-width: 480px){section{padding:80px 0}}@media (min-width: 768px){section{padding:100px 0}}h1,h2,h3,h4,h5,h6{margin:0 0 30px;font-weight:600;color:#ccd6f6;line-height:1.1}.heading--big{margin:0;font-size:clamp(2.5rem,8vw,5rem);font-weight:600}.numbered-heading{display:flex;align-items:center;margin:10px 0 40px;width:100%;font-size:clamp(1.6rem,5vw,32px);white-space:nowrap}.numbered-heading:before{position:relative;bottom:-4px;counter-increment:section;content:"0" counter(section) ".";color:#64ffda;margin-right:10px;font-family:Fira Code,Fira Mono,Roboto Mono,monospace;font-size:clamp(16px,3vw,20px);font-weight:400}.numbered-heading:after{content:"";display:block;width:100%;height:1px;margin-left:10px;background-color:#233554}@media (min-width: 600px){.numbered-heading:after{margin-left:20px}}@media (min-width: 768px){.numbered-heading:after{width:200px}}@media (min-width: 1080px){.numbered-heading:after{width:300px}}a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;color:inherit;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1)}a:hover,a:focus{color:#64ffda}p{margin:0 0 15px;color:#8892b0;font-size:16px;line-height:26px}p:last-child,p:last-of-type{margin:0}p>a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;color:#64ffda}p>a:hover,p>a:focus,p>a:active{color:#64ffda;outline:0}p>a:hover:after,p>a:focus:after,p>a:active:after{width:100%}p>a:hover>*,p>a:focus>*,p>a:active>*{color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1)}p>a:after{content:"";display:block;width:0;height:1px;position:relative;bottom:.37em;background-color:#64ffda;transition:all .25s cubic-bezier(.645,.045,.355,1);opacity:.5}
