*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:"Questrial",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--text:#000;--primary-color-light:#5575ff;--bg:#fff;--card-bg:#fff}.app{background:#fff;background:var(--bg);transition:.6s;color:#000;color:var(--text)}hr{width:80%;border-color:#5575ff;border-color:var(--primary-color-light);margin:0 auto}footer{padding-top:1rem;font-size:1.2rem}footer>p{display:flex;align-items:center;justify-content:center;padding-bottom:1rem}.footer__icon{height:15px!important;color:red!important}.cursor{cursor:pointer}.bottom-arrow{position:fixed;right:1vw;bottom:2vw}.bottom-arrow>img{height:3rem;width:3rem;transform:rotate(180deg);opacity:0;transition:all .5s ease}@media only screen and (max-width:1200px){.bottom-arrow>img{width:2.5rem;height:2.5rem}}@media only screen and (max-width:900px){.bottom-arrow>img{width:2rem;height:2rem}}@media only screen and (max-width:500px){footer{font-size:calc(.5rem + 2vw)}.bottom-arrow>img{width:1.5rem;height:1.5rem}}.about{text-align:center;margin-top:10rem;background:url(/static/media/about_background.dabb2def.svg) top 0 center;background-repeat:no-repeat;color:var(--text)}.about-text-highlight{color:var(--primary-color-light)}.about__text>p>a{color:var(--text)}.about>h1{padding:1.5rem 0;font-size:5rem;font-weight:400}.about__text{width:30%;margin:0 auto}.about__text>p{font-size:1.5rem;line-height:150%;margin-top:3rem;margin-bottom:1rem}.about__text>a{width:9rem;height:3rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;border-radius:6px;text-decoration:none;box-shadow:0 7px 15px rgba(73,130,252,.15),0 7px 7px transparent;border:none;background-image:linear-gradient(to bottom right,#47b5ff,#5f48ff);color:#fff;margin:3rem auto 0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.about__text>a:hover{transform:scale(1.04) translateY(-2px);box-shadow:0 14px 28px rgba(73,130,252,.3),0 10px 10px transparent}@media only screen and (max-width:750px){.about{margin-top:5rem}.about>h1{font-size:calc(1rem + 6vw)}.about__text{width:70%}.about__text>p{font-size:calc(.5rem + 2.2vw)}.about__text>a{font-size:calc(.5rem + 2vw);width:30vw;height:2.4rem}}.contact{margin-top:7rem;text-align:center;color:var(--text)}.contact>h1{font-size:5rem;font-weight:400}.contact>p{font-size:1.4rem;margin-top:1.2rem}.contact__email{margin-bottom:2rem;color:var(--primary-color-light)}.contact__socials{max-width:600px;display:flex;padding:20px;justify-content:space-between;margin:2rem auto 4rem}.contact__socials>a{text-decoration:none;color:var(--primary-color-text)}.contact__icon{font-size:7rem!important}@media only screen and (max-width:750px){.contact{margin-top:4rem}.contact>h1{font-size:calc(1rem + 6vw)}.contact>p{font-size:calc(.7rem + 2vw);padding:0 .5rem}.contact__socials{width:80%}.contact__icon{font-size:4rem!important}.contact__socials{margin-bottom:2rem}}.hero{height:100vh;background-image:url(/static/media/hero-background.fa5b6b24.svg);background-position:100% 0;background-size:180vh;background-repeat:no-repeat;position:relative}.hero__logo{position:absolute;top:1.5rem;left:5rem}.hero__logo>img{width:4rem;height:4rem;transition:.4s}.hero__navbar{top:3rem;left:14vw;position:absolute}.hero__navbar>ul{margin-bottom:1rem}.hero__navbar>ul>li{display:inline-block;width:auto;margin-right:3rem;cursor:pointer}.hero__navbar>ul>li:last-child>a{color:var(--primary-color-light)}.hero__navbar>ul>li>a{text-decoration:none;font-size:1.2rem;color:var(--text);font-weight:500}.nav__burgerBtn{display:none}.hero__text{position:absolute;top:30vh;left:14vw;color:var(--text);transition:.4s}.hero__title-bottom,.hero__title-top{font-size:5rem;line-height:120%}.hero__slogan{margin-top:1rem;margin-bottom:1rem}.hero__slogan>p{font-size:1.5rem}.hero__slogan>p>span:last-child{color:var(--primary-color-light)}.hero__buttons{margin-top:5rem;width:20rem;display:flex;justify-content:space-between}.hero__buttons>a{width:9rem;height:3rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;border-radius:6px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.hero__buttons>a:hover{transform:scale(1.04) translateY(-2px);box-shadow:0 14px 28px rgba(73,130,252,.3),0 10px 10px transparent!important}.hero__buttons>a:first-child{color:var(--primary-color-light);border:2px solid var(--primary-color-light)}.hero__buttons>a:first-child,.hero__buttons>a:last-child{box-shadow:0 7px 15px rgba(73,130,252,.15),0 7px 7px transparent}.hero__buttons>a:last-child{border:none;background-image:linear-gradient(to bottom right,#47b5ff,#5f48ff);color:#fff}.hero__arrow{position:absolute;left:14vw;bottom:7rem;width:20rem;display:flex;justify-content:center;margin-top:10rem}.hero__arrow>a>img{height:3rem;width:3rem}.hero__arrow>a{position:relative;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.hero__arrow>a>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#5851ec}.hero__navbar>ul>li>a{display:inline-block;position:relative}.hero__navbar>ul>li>a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-5px;left:0;background-color:var(--primary-color-light);transform-origin:bottom right;transition:transform .4s cubic-bezier(.86,0,.07,1)}.hero__navbar>ul>li>a:hover:after{transform:scaleX(1);transform-origin:bottom left}.rotate-text:before{content:"";-webkit-animation:animate-text 5s infinite;animation:animate-text 5s infinite}.nav__mobile{position:absolute;width:100vw;height:100vh;background-color:var(--bg);z-index:100;transform:scale(0);transform-origin:top right;color:var(--text);transition:.4s}.nav__mobile>ul{width:100%;margin-top:15vh;display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;position:absolute}.nav__mobile>ul>li{margin-bottom:2rem;opacity:0}.nav__mobile>ul>li>a{text-align:start;text-decoration:none;color:var(--text);font-size:calc(.8rem + 2vw);transition:.4s}.nav__exit,.nav__mobile>ul>li:last-child>a{color:var(--primary-color-light);transition:.4s}.nav__exit{position:absolute;right:3vw;top:3vw;font-size:35px!important}.color-mode-container{position:absolute;top:3rem;right:5vw;height:40px;width:80px;border-radius:20px;z-index:50;box-shadow:0 0 7px #ffc}.color-mode-container>input{opacity:0;position:absolute;height:100%;width:100%;z-index:100}.color-mode-container>input:checked~.slider__icon1{background:url(/static/media/moon.0d1f96c0.svg) 100%;position:absolute;right:5%;transform:translateX(130%) rotate(-90deg);bottom:10%;width:39%;height:80%;background-size:cover;z-index:70;transition:.4s}.color-mode-container>input:checked~.slider__icon2{right:10%;top:50%;width:35%;height:35%;transform:translateX(-100%)}.color-mode-container>input:checked~.slider__icon2,.color-mode-container>input:checked~.slider__icon3{position:absolute;background:url(/static/media/star.bbb1d2cc.svg) 100%;background-size:cover;z-index:70;transition:.4s}.color-mode-container>input:checked~.slider__icon3{right:30%;top:20%;width:23%;height:23%;transform:translateX(-170%)}.color-mode-container>input:checked~.slider__icon4{position:absolute;right:10%;top:15%;width:15%;height:15%;background:url(/static/media/star.bbb1d2cc.svg) 100%;background-size:cover;z-index:70;transition:.4s;transform:translateX(-220%)}.slider__icon1{position:absolute;left:5%;bottom:10%;width:39%;height:80%;background:url(/static/media/sun.c09ef16f.svg) 100%;background-size:cover;z-index:70;transition:.4s}.slider__icon2{right:10%;top:50%;width:35%;height:35%}.slider__icon2,.slider__icon3{position:absolute;background:url(/static/media/cloud.5c21b3c2.svg) 100%;background-size:cover;z-index:70;transition:.4s}.slider__icon3{right:30%;top:20%;width:23%;height:23%}.slider__icon4{position:absolute;right:10%;top:15%;width:15%;height:15%;background:url(/static/media/cloud.5c21b3c2.svg) 100%;background-size:cover;z-index:70;transition:.4s}@-webkit-keyframes dropdown-link-appear{0%{transform:translateX(20vw);opacity:0}40%{transform:translateX(-7vw);opacity:1}to{transform:translateX(0);opacity:1}}@keyframes dropdown-link-appear{0%{transform:translateX(20vw);opacity:0}40%{transform:translateX(-7vw);opacity:1}to{transform:translateX(0);opacity:1}}@-webkit-keyframes dropdown-container-appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dropdown-container-appear{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dropdown-container-disappear{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes dropdown-container-disappear{0%{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes animate-text{0%{content:"creative coder"}50%{content:"challenge seeker"}to{content:"creative coder"}}@keyframes animate-text{0%{content:"creative coder"}50%{content:"challenge seeker"}to{content:"creative coder"}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes hamburger-line-1{0%{transform-origin:center center;transform:rotate(0)}50%{transform-origin:center center;transform:rotate(0);top:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(45deg);top:calc(50% - 2px)}}@keyframes hamburger-line-1{0%{transform-origin:center center;transform:rotate(0)}50%{transform-origin:center center;transform:rotate(0);top:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(45deg);top:calc(50% - 2px)}}@-webkit-keyframes hamburger-line-1-reverse{0%{transform-origin:center center;transform:rotate(45deg);top:calc(50% - 2px)}50%{transform-origin:center center;transform:rotate(0);top:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(0)}}@keyframes hamburger-line-1-reverse{0%{transform-origin:center center;transform:rotate(45deg);top:calc(50% - 2px)}50%{transform-origin:center center;transform:rotate(0);top:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(0)}}@-webkit-keyframes hamburger-line-2{0%{opacity:1}50%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes hamburger-line-2{0%{opacity:1}50%{opacity:1}51%{opacity:0}to{opacity:0}}@-webkit-keyframes hamburger-line-2-reverse{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@keyframes hamburger-line-2-reverse{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@-webkit-keyframes hamburger-line-3{0%{transform-origin:center center;transform:rotate(0)}50%{transform-origin:center center;transform:rotate(0);bottom:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(-45deg);bottom:calc(50% - 2px)}}@keyframes hamburger-line-3{0%{transform-origin:center center;transform:rotate(0)}50%{transform-origin:center center;transform:rotate(0);bottom:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(-45deg);bottom:calc(50% - 2px)}}@-webkit-keyframes hamburger-line-3-reverse{0%{transform-origin:center center;transform:rotate(-45deg);bottom:calc(50% - 2px)}50%{transform-origin:center center;transform:rotate(0);bottom:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(0)}}@keyframes hamburger-line-3-reverse{0%{transform-origin:center center;transform:rotate(-45deg);bottom:calc(50% - 2px)}50%{transform-origin:center center;transform:rotate(0);bottom:calc(50% - 2px)}to{transform-origin:center center;transform:rotate(0)}}@media only screen and (max-width:1250px) and (orientation:landscape){.hero{height:800px}.hero__arrow{display:none}}@media only screen and (max-width:1250px){.hero{background-position:top 0 right 45%}.hero__title-bottom,.hero__title-top{font-size:calc(1rem + 5vw)}.hero__slogan>p{font-size:calc(.5rem + 2vw)}.hero__text{left:10vw}.hero__logo{top:1rem;left:1.7vw}.hero__logo>img{height:3.5rem;width:3.5rem}.hero__navbar{left:10vw;top:2.5rem;z-index:1}.hero__navbar>ul>li{margin-right:2rem}}@media only screen and (max-width:750px){.hero{background-position:top 5rem center;background-size:200%}.color-mode-container{top:1.2rem;right:4rem;position:fixed;height:30px;width:60px}.hero__buttons{width:46vw}.hero__logo{top:.5rem;z-index:5;position:fixed}.hero__navbar{width:100%;top:0;height:4rem;left:0;background-color:var(--bg);box-shadow:0 7px 15px rgba(0,0,0,.15),0 7px 7px transparent;position:fixed;transition:.4s}.nav__burgerBtn{display:inline;display:initial;position:absolute;right:3vw;top:1.5rem;z-index:100;height:20px;width:25px;z-index:2000}.line-1{top:0}.line-1,.line-2{width:25px;background:#297bff;height:4px;border-radius:50px;position:absolute}.line-2{top:40%}.line-3{bottom:0;width:25px;background:#297bff;height:4px;border-radius:50px;position:absolute}.burger__icon{color:#5575ff!important}.hero__logo>img{height:3rem;width:3rem}.hero__buttons>a{width:21vw;font-size:3vw}.hero__arrow{bottom:4rem;left:0;width:100%}.hero__arrow>a>img{height:2rem;width:2rem}.hero__navbar>ul{display:none}}.interests{margin-top:6rem;text-align:center;color:var(--text);transition:.2s}.interests>h1{font-size:5rem;font-weight:400}.interests__container{max-width:2000px;padding:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;margin:5rem auto 0}.interest__card{box-shadow:0 19px 38px transparent,0 15px 20px rgba(0,0,0,.1);border-radius:15px;padding:30px;transition:all .3s cubic-bezier(.25,.8,.25,1);background:var(--card-bg);transition:.2s}.interest__card:hover{transform:scale(1.04) translateY(-2px)}.interest__card>img{width:70%;margin-top:1rem}.interest__card>h2{font-size:1.8rem;margin-top:1rem;font-weight:500}.interest__card>p{margin-top:1rem;font-size:1.4rem;opacity:.7}@media only screen and (max-width:1250px){.interests__container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:750px){.interests__container{grid-template-columns:1fr;max-width:80%;margin-top:2rem}.interests>h1{font-size:calc(1rem + 6vw)}.interest__card>h2{font-size:calc(1rem + 2vw)}.interest__card>p{font-size:calc(.6rem + 2vw)}}.projects{margin-top:7rem;padding-top:2rem;text-align:center}.projects>h1{font-size:5rem;font-weight:400;color:var(--text)}.projects__container{width:80%;max-width:1400px;padding-right:15px;padding-left:15px;margin:7rem auto 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;color:var(--text)}.projects__card{width:100%;height:100%;box-shadow:0 19px 38px transparent,0 15px 20px rgba(0,0,0,.1);border-radius:15px;transition:all .3s cubic-bezier(.25,.8,.25,1);background:var(--card-bg);transition:.4s}.projects__card:hover{transform:scale(1.04) translateY(-2px)}.projects__card>img{width:100%;border-top-left-radius:15px;border-top-right-radius:15px}.projects__card-title{font-size:2rem;padding-top:2rem;margin-bottom:1rem}.projects__card-text{width:80%;margin:1rem auto;font-size:1.4rem;opacity:.7;line-height:1.5}.built-with{color:var(--primary-color-light);opacity:1}.projects__card-buttons{padding-bottom:2rem;width:80%;display:flex;justify-content:space-around;margin:1rem auto}.projects__card-buttons>a{width:9rem;height:3rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;border-radius:6px;text-decoration:none;margin-top:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.projects__card-buttons>a:hover{transform:scale(1.04)}.projects__card-buttons>a:first-child{color:var(--primary-color-light);border:2px solid var(--primary-color-light);box-shadow:0 7px 15px rgba(73,130,252,.15),0 7px 7px transparent}.projects__card-buttons>a:last-child{box-shadow:0 7px 15px rgba(73,130,252,.15),0 7px 7px transparent;border:none;background-image:linear-gradient(to bottom right,#47b5ff,#5f48ff);color:#fff}.projects__wip-card{box-shadow:0 19px 38px transparent,0 15px 20px rgba(0,0,0,.1);border-radius:15px;width:700px;height:550px;margin:2rem auto;color:var(--text);background:var(--card-bg);transition:.4s}.projects__wip-card>img{width:50%;object-fit:contain}.wip-title{margin-top:2rem;font-size:2rem}.projects__wip-card>p:last-child{opacity:.7;font-size:1.4rem;margin-top:2rem}@media only screen and (max-width:1000px){.projects__container{grid-template-columns:1fr}.projects__wip-card{width:90%;height:auto;padding:20px}}@media only screen and (max-width:750px){.projects{margin-top:2rem}.projects__container{width:90%}.projects>h1{font-size:calc(1rem + 6vw)}.projects__card-title{font-size:calc(1rem + 2vw);padding-top:1rem}.projects__card-text{font-size:calc(.5rem + 2vw);margin-bottom:0}.projects__card-buttons{margin-top:0}.card-btn{font-size:calc(.5rem + 2vw)!important;width:40%!important}.wip-title{font-size:calc(1rem + 2vw)}.projects__wip-card>p:last-child{font-size:calc(.7rem + 2vw);margin-top:1rem}}@media only screen and (max-width:500px){.projects__wip-card{max-width:80%}}
/*# sourceMappingURL=main.794f7a58.chunk.css.map */