@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap");:root{--clr-primary: #4A00E0;--clr-primary-light: #838396;--clr-primary-light--1: #a5a2ff;--clr-primary-light--2: #e9e4f3;--clr-primary-light--3: #7032ec;--clr-primary-dark: #171556;--clr-secondary: #8E2DE2;--clr-light: #fff;--clr-dark: #000;--clr-mediun: #353232;--box-shadow--1: 14px 14px 28px #3d00ba, -14px -14px 28px #5700ff;--box-shadow--2: -1rem .4rem 5rem rgba(0, 0, 0, .3);--text-shadow: 2px 1px 8px var(--clr-primary-light--3)}@-webkit-keyframes arrowAanim{0%{transform:translate(-50%, 0);opacity:0}100%{transform:translate(-50%, 2rem);opacity:1}}@keyframes arrowAanim{0%{transform:translate(-50%, 0);opacity:0}100%{transform:translate(-50%, 2rem);opacity:1}}@-webkit-keyframes shapeAnime{from{transform:rotate(0) translate(0, 0)}to{transform:rotate(360deg) translate(70%, 30%)}}@keyframes shapeAnime{from{transform:rotate(0) translate(0, 0)}to{transform:rotate(360deg) translate(70%, 30%)}}@-webkit-keyframes techIconAnime{0%{transform:translateY(0rem)}50%{transform:translateY(-3rem)}100%{transform:translateY(0rem)}}@keyframes techIconAnime{0%{transform:translateY(0rem)}50%{transform:translateY(-3rem)}100%{transform:translateY(0rem)}}@-webkit-keyframes navIconAnim{from{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes navIconAnim{from{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media screen and (max-width: 75em){html{font-size:56.25%}}@media screen and (max-width: 56.25em){html{font-size:50%}}body{box-sizing:border-box;width:100%}::-moz-selection{background-color:var(--clr-primary-light--2);color:var(--clr-primary)}::selection{background-color:var(--clr-primary-light--2);color:var(--clr-primary)}a:link,a:visited,a:hover,a:active{outline:none;text-decoration:none}button,button:hover,button:active{border:none;font-family:inherit;font-size:inherit;outline:none}ul{list-style:none}body{font-family:'Montserrat';font-size:1.6rem;color:var(--clr-mediun)}.heading__primary{letter-spacing:.25rem;display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 35em){.heading__primary{text-align:center}}.heading__primary--caption{font-size:2.5rem;letter-spacing:.15rem}.heading__primary--1{font-size:5rem}.heading__primary--2{color:var(--clr-primary-light--1);font-size:4rem}@media screen and (max-width: 35em){.heading__primary--2{font-size:3rem;letter-spacing:0}}.heading__secondary{font-size:5.5rem;color:var(--clr-primary-light--3);align-self:flex-start}@media screen and (max-width: 35em){.heading__secondary{text-align:center;font-size:4rem}}.heading__tertiary{font-size:3.5rem;font-weight:600;text-align:center;color:var(--clr-light);letter-spacing:.2rem;text-shadow:var(--text-shadow)}.about__content{display:flex;gap:5rem}@media screen and (max-width: 68.75em){.about__content{flex-direction:column}}.about__info{flex:1;font-size:1.8rem;display:flex;flex-direction:column;gap:3rem;text-align:justify;line-height:2.8rem}@media screen and (max-width: 68.75em){.about__info{text-align:left}}.about__info span{font-weight:800}.about__technologies{flex:1;display:flex;justify-content:space-between}@media screen and (max-width: 68.75em){.about__technologies{justify-content:space-around}}.about__technologies .tech__logo{font-size:7rem;display:flex;justify-content:center;align-items:center}.about__technologies .tech__logo--1{color:#e34c26}.about__technologies .tech__logo--2{color:#264de4}.about__technologies .tech__logo--3{color:#CD6799}.about__technologies .tech__logo--4{color:#6610f2}.about__technologies .tech__logo--5{color:#F0DB4F}.about__technologies .tech__logo:hover{-webkit-animation:techIconAnime 0.3s cubic-bezier(0.42, 0, 0.58, 1);animation:techIconAnime 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.about__shape{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;width:70rem;height:70rem;background-color:var(--clr-primary);position:absolute;top:0;left:0;opacity:.2;z-index:-2;-webkit-animation:shapeAnime 60s alternate infinite;animation:shapeAnime 60s alternate infinite}@media screen and (max-width: 43.75em){.about__shape{width:55rem;height:55rem}}.btn{padding:1rem 2rem;border-radius:5rem;color:inherit;transition:all .25s}.btn__nav{width:13rem;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--box-shadow--1)}.btn__nav:hover{background-color:var(--clr-light);color:var(--clr-primary)}.btn__mobile-nav{border-radius:0;font-size:5rem;position:relative;width:30rem;text-align:center;overflow:hidden}.btn__mobile-nav::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--clr-primary);z-index:-1;transform:translateX(-100%);transition:transform .2s}.btn__mobile-nav:hover{color:var(--clr-light)}.btn__mobile-nav:hover.btn__mobile-nav::before{transform:translateX(0)}.btn__primary{background-color:var(--clr-primary-dark);color:var(--clr-light);font-size:2.3rem;padding:1.4rem 2.8rem;font-weight:600}.btn__primary:hover{color:var(--clr-primary);background-color:var(--clr-light)}.btn__cta{position:relative}.btn__cta::after{content:'\f063';font-family:"Font Awesome 5 Free";position:absolute;bottom:-4rem;left:50%;transform:translateX(-50%);font-size:2.5rem;-webkit-animation:arrowAanim 1.5s infinite;animation:arrowAanim 1.5s infinite;color:var(--clr-light)}.btn__footer{color:var(--clr-light);background-color:var(--clr-primary);font-size:1.9rem}.btn__footer:hover{background-color:var(--clr-primary-light--3);color:var(--clr-light)}.btn__form{align-self:flex-start;font-size:1.5rem !important;padding:1rem 2rem;cursor:pointer}.link__view{background-color:var(--clr-primary-light--2);padding:1.5rem 2.5rem;border-radius:.5rem}.outer__container{padding:12rem 5rem;overflow:hidden}@media screen and (max-width: 35em){.outer__container{padding:12rem 2.5rem}}.container{max-width:100rem;margin:0 auto}.form{position:fixed;z-index:180;right:2rem;bottom:2rem;width:40rem;background-color:var(--clr-primary-light--2);display:flex;flex-direction:column;gap:3rem;padding:2.5rem 3rem;border-radius:.8rem;box-shadow:var(--box-shadow--2);transform:scale(0);pointer-events:none;transition:transform .1s}.form ::-moz-selection{color:var(--clr-light);background-color:var(--clr-primary-light--1)}.form ::selection{color:var(--clr-light);background-color:var(--clr-primary-light--1)}.form.open__form{transform:scale(1);pointer-events:all}.form .close__icon{position:absolute;right:1.5rem;top:1rem;cursor:pointer;font-size:3rem}.form .input__container{display:flex;flex-direction:column;gap:.5rem}.form .input__container label{font-weight:600}.form .input__container input{border:none;padding:.8rem 1.5rem;border-radius:.5rem;font-family:inherit;letter-spacing:.1rem;font-weight:600;border-bottom:.3rem solid transparent;transition:border .3s}.form .input__container input:focus{outline:none;border-bottom:0.3rem solid var(--clr-primary)}.form .input__container textarea{resize:none;border:none;padding:.8rem 1.5rem;height:10rem;border-radius:.5rem;letter-spacing:.1rem;font-family:inherit;font-weight:600}.form .input__container textarea:focus{outline:none}.mobile__nav{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:300;background:var(--clr-light);display:none;transform:translateX(100%);opacity:0;transition:all .8s}@media screen and (max-width: 56.25em){.mobile__nav{display:flex}}.mobile__nav-open{display:none;width:5.5rem;height:5.5rem;border-radius:50%;align-items:center;justify-content:center;background:var(--clr-light);cursor:pointer}.mobile__nav-open.scroll__down{position:fixed;right:5rem;top:3rem;box-shadow:var(--box-shadow--2);-webkit-animation:navIconAnim .3s;animation:navIconAnim .3s}@media screen and (max-width: 35em){.mobile__nav-open.scroll__down{right:2.5rem}}.mobile__nav-open .open-icon{color:var(--clr-primary);font-size:3rem}@media screen and (max-width: 56.25em){.mobile__nav-open{display:flex}}.mobile__nav-container{flex:.8;display:flex;flex-direction:column;justify-content:center;gap:3rem;align-items:center;margin-top:18rem;align-self:flex-start}.mobile__nav-close{flex:.2;background:var(--clr-primary);display:flex;justify-content:center;align-items:flex-start;transform:translateX(100%);opacity:0;transition:all .5s .5s}.mobile__nav-close .close-icon{color:var(--clr-light);font-size:6rem;margin-top:1rem;cursor:pointer}.show{transform:translateX(0);opacity:1}.navbar{font-size:1.5rem;display:flex;flex-grow:.25;justify-content:space-between}@media screen and (max-width: 56.25em){.navbar{display:none}}.project__slider{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:45rem}@media screen and (max-width: 43.75em){.project__slider{height:35rem}}.project__slider-img{position:absolute;display:block;visibility:hidden;opacity:0;width:80%;transition:opacity .3s;cursor:pointer;overflow:hidden}.project__slider-img img{width:100%;height:auto;display:block;margin:auto}.project__slider-img .link{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.3);transform:translateY(-100%);pointer-events:none;cursor:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .2s ease-in-out}.project__slider-img .link__view{color:var(--clr-mediun);font-size:3rem;font-weight:600}.project__slider-img:hover .link{transform:translateY(0);pointer-events:all}.project__slider .slider__icon{position:absolute;font-size:6rem;color:var(--clr-primary-light--2);cursor:pointer;transform:translateY(-50%);border-radius:50%;box-shadow:var(--box-shadow--2)}.project__slider .slider__icon--1{top:50%;left:2rem}.project__slider .slider__icon--2{top:50%;right:2rem}.active{visibility:visible;opacity:1}.projects__container{display:flex;flex-direction:column;gap:5rem;align-items:center}.projects__container .heading__secondary{color:var(--clr-light);text-shadow:var(--text-shadow)}.projects__list{display:flex;flex-direction:column;gap:5rem}.projects__list .project--1,.projects__list .project--2{width:85%;cursor:pointer;position:relative}@media screen and (max-width: 68.75em){.projects__list .project--1,.projects__list .project--2{width:55%}}@media screen and (max-width: 56.25em){.projects__list .project--1,.projects__list .project--2{width:80%}}@media screen and (max-width: 50em){.projects__list .project--1,.projects__list .project--2{width:100%}}.projects__list .project--1::after,.projects__list .project--2::after{content:'\f35d';font-family:"Font Awesome 5 Free";position:absolute;font-weight:600;top:1.5rem;right:1.5rem;font-size:2rem;color:var(--clr-light);opacity:0}@media screen and (max-width: 68.75em){.projects__list .project--1::after,.projects__list .project--2::after{opacity:1}}.projects__list .project--1 .img__container,.projects__list .project--2 .img__container{overflow:hidden}.projects__list .project--1 img,.projects__list .project--2 img{width:100%;display:block;transition:all .3s;margin:-.3rem}@media screen and (max-width: 68.75em){.projects__list .project--1 img,.projects__list .project--2 img{filter:blur(0.2rem)}}.projects__list .project--1:hover>.img__container img,.projects__list .project--2:hover>.img__container img{filter:blur(0.2rem)}.projects__list .project--1:hover::after,.projects__list .project--2:hover::after{opacity:1}.projects__list .project--1:hover>.caption,.projects__list .project--2:hover>.caption{transform:translateY(-50%) translateX(0);opacity:1}@media screen and (max-width: 56.25em){.projects__list .project--1:hover>.caption,.projects__list .project--2:hover>.caption{transform:translate(0)}}.projects__list .project--1 .caption,.projects__list .project--2 .caption{cursor:initial;position:absolute;top:50%;width:70%;height:auto;display:flex;flex-direction:column;gap:1.5rem;background:var(--clr-primary-light--3);padding:1.5rem 2rem;font-size:1.9rem;line-height:2.8rem;color:var(--clr-light);border-radius:.5rem;box-shadow:var(--box-shadow--2);opacity:0;transition:all .5s}@media screen and (max-width: 68.75em){.projects__list .project--1 .caption,.projects__list .project--2 .caption{width:100%}}@media screen and (max-width: 56.25em){.projects__list .project--1 .caption,.projects__list .project--2 .caption{width:100%;bottom:0;top:auto;border-top-left-radius:0;border-top-right-radius:0}}.projects__list .project--1 .caption .project__link,.projects__list .project--2 .caption .project__link{color:inherit;font-size:3rem;align-self:flex-start}.projects__list .project--1 .caption .project__link:hover,.projects__list .project--2 .caption .project__link:hover{transform:scale(1.1)}.projects__list .project--1 .caption{transform:translateY(-50%) translateX(100%);left:55%}@media screen and (max-width: 68.75em){.projects__list .project--1 .caption{transform:translateY(-50%) translateX(0);opacity:1}}@media screen and (max-width: 56.25em){.projects__list .project--1 .caption{left:0;transform:translate(0)}}.projects__list .project--2{align-self:flex-end}.projects__list .project--2 .caption{transform:translateX(-100%) translateY(-50%);right:55%}@media screen and (max-width: 68.75em){.projects__list .project--2 .caption{transform:translateY(-50%) translateX(0);opacity:1}}@media screen and (max-width: 56.25em){.projects__list .project--2 .caption{right:0;transform:translate(0)}}.projects__list .project--2 .caption .project__link{align-self:flex-end}.scrollup__icon{position:fixed;right:5rem;bottom:3rem;width:6rem;height:6rem;border-radius:50%;background-color:var(--clr-primary);opacity:.4;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width: 35em){.scrollup__icon{right:2.5rem}}.scrollup__icon:hover{opacity:1}.scrollup__icon .icon{font-size:4rem;color:var(--clr-light)}.details__pop{transform:rotateZ(-90deg);position:fixed;bottom:20rem;left:-13rem;display:flex;align-items:center;gap:1rem}@media screen and (max-width: 65.5em){.details__pop{display:none}}.details__email{font-size:1.8rem;letter-spacing:.2rem;font-weight:600;color:var(--clr-primary-dark)}.details__email.light__color{color:var(--clr-light)}.footer{background-color:var(--clr-light);padding-top:6rem;padding-bottom:6rem}.footer__container{display:flex;flex-direction:column;align-items:center;gap:3rem}.footer__heading{align-self:center}.footer__text{font-size:1.8rem;line-height:2.8rem;text-align:center}.header{position:absolute;z-index:200;top:0;left:0;width:100%;padding:0 5rem}@media screen and (max-width: 35em){.header{padding:0 2.5rem}}.header__container{display:flex;padding:1rem 0;justify-content:space-between;align-items:center;color:var(--clr-light)}.header__container .logo{font-size:5rem;color:inherit;cursor:pointer}.header.nav__scroll{position:fixed;color:var(--clr-primary)}.home{height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;justify-content:center;color:var(--clr-light);background:var(--clr-primary)}.home__container{display:flex;gap:4rem;flex-direction:column;align-items:flex-start;width:100%}@media screen and (max-width: 35em){.home__container{align-items:center}}.about{display:flex;align-items:center;position:relative;overflow:hidden}.about__container{display:flex;flex-direction:column;gap:5rem}.projects{display:flex;align-items:center;background:var(--clr-primary-light--1)}