@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";.overlay{position:relative;z-index:99;display:flex;height:100%}.overlay .navbar{position:fixed;display:flex;height:7.5rem;justify-content:center;align-items:center;width:100%;transition:.5s}@media screen and (min-width:768px){.overlay .navbar{height:10rem}}@media screen and (min-width:1312px){.overlay .navbar{position:fixed;height:15rem;display:flex;width:100%;z-index:99}}.overlay .navbar .barContainer{width:100%;position:fixed;right:0;margin:0 auto;top:3.75rem;left:0;z-index:999}@media screen and (min-width:768px){.overlay .navbar .barContainer{top:5.8rem;width:calc(100% - 50px)}}@media screen and (min-width:1312px){.overlay .navbar .barContainer{top:7.5rem;width:calc(100% - 100px)}}.overlay .navbar .barContainer #progressBar{--scrollAmount:0%;background-color:#71dbd4;width:var(--scrollAmount);height:6px;position:absolute;left:0;z-index:9999}@media screen and (min-width:768px){.overlay .navbar .barContainer #progressBar{height:8px}}.overlay .navbar .navbar__container{width:82%;display:flex;justify-content:space-between;align-items:center;margin:0 auto}@media screen and (min-width:768px){.overlay .navbar .navbar__container{width:85%}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container{width:85%;display:flex;justify-content:space-between;margin-top:.6rem}}.overlay .navbar .navbar__container .homeLink{display:flex;justify-content:center;align-items:center;width:2.8rem;height:3rem;margin-top:-4px}@media screen and (min-width:768px){.overlay .navbar .navbar__container .homeLink{width:3.6rem;height:3.6rem;margin-top:0}}.overlay .navbar .navbar__container .homeLink .nav__logo{position:relative;height:100%}.overlay .navbar .navbar__container .homeLink .nav__logo img{position:static!important}@media screen and (min-width:768px){.overlay .navbar .navbar__container .homeLink .nav__logo{width:4rem;height:4rem}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .homeLink .nav__logo{width:3.5rem;transform:scale(1.1)}}.overlay .navbar .navbar__container .mobile__toggles{display:flex;align-items:center}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle{z-index:999999;width:25px;height:25px;display:flex;flex-direction:column;justify-content:space-between;transition:.33s ease-out}@media screen and (min-width:768px){.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle{display:none}}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle .bar{border-radius:5px;width:100%;height:3px;background-color:currentColor}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle .half{width:50%}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle .start{transition:transform .3s cubic-bezier(.54,-.81,.57,.57);transform-origin:right}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle .end{align-self:flex-end;transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:left}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle.active{color:#f4f4f4;transform:rotate(-45deg)}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle.active .start{transform:rotate(-90deg) translateX(1.5px)}.overlay .navbar .navbar__container .mobile__toggles .navbar__toggle.active .end{transform:rotate(-90deg) translateX(-1.5px)}.overlay .navbar .navbar__container .sidebar{display:flex;flex-direction:column;position:absolute;transition:all .75s ease;background-color:transparent;right:-1000px;width:55%;top:0;min-width:250px;opacity:1;z-index:99;overflow:hidden;list-style:none;padding-top:8rem;height:100vh}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar{flex-direction:row;justify-content:center;height:auto;width:100%;position:static;margin-top:0;align-items:center;padding-top:0}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar{display:flex;list-style:none;margin:1rem 0 0;background-color:transparent}}.overlay .navbar .navbar__container .sidebar .navbar__menu{list-style:none;margin-left:-.3rem}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu{display:flex;list-style:none;margin-right:1.2rem;align-items:center;margin-left:auto;flex-direction:row}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar .navbar__menu{background-color:transparent;margin-top:0;margin-left:3rem}}.overlay .navbar .navbar__container .sidebar .navbar__menu .sidebar__name{padding-bottom:2rem;color:#f4f4f4;list-style:none;margin-left:-.2rem}@media screen and (min-width:736px){.overlay .navbar .navbar__container .sidebar .navbar__menu .sidebar__name{display:none}}.overlay .navbar .navbar__container .sidebar .navbar__menu .sidebar__name h3{font-size:1.7rem}.overlay .navbar .navbar__container .sidebar .navbar__menu .sidebar__name h4{margin-top:.3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.2rem;opacity:.5;font-weight:400}.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item{margin:1.2rem 0}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item{margin:0 16px}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item{margin:0 26px;height:2.5rem;position:relative}.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background-color:#bebebe;top:70%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.2s ease-in}}.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item h1{font-size:2.7rem;color:#f4f4f4}.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item .navbar__links{transition:.2s ease-in;font-family:Poppins,sans-serif;font-weight:600;opacity:1;color:#f4f4f4;font-size:.8rem;text-transform:uppercase;letter-spacing:3px;color:#bebebe;z-index:999}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item .navbar__links{font-size:.8rem;position:relative;height:100%}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar .navbar__menu .navbar__item .navbar__links{font-size:.9rem}}.overlay .navbar .navbar__container .sidebar .navbar__menu .tablet__toggle{display:none}.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact{display:block;margin:2.5rem 0 2rem;color:#f4f4f4}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact{color:#f4f4f4;display:none;margin-left:1.25rem;margin-top:2rem}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact{display:none}}.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact button{padding:.4rem 1.6rem;opacity:1;font-weight:400;border:1px solid;color:currentColor;background:none;outline:none;font-size:1rem;z-index:1;position:relative;transition:.2s ease}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact button{padding:.4rem 1.5rem;font-weight:700;text-transform:uppercase;color:#f4f4f4;background-color:#37adcd;border-radius:3px;font-size:.9rem;transition:.5s ease;border:1px solid #37adcd}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact button{font-size:1rem}}.overlay .navbar .navbar__container .sidebar .navbar__menu .mobile__contact button:hover{color:#71dbd4;background-color:transparent;border:1px solid #71dbd4}.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials{display:flex;width:70%;margin-top:5rem}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials{display:none}}.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials .li__icon{transition:.2s ease;font-size:2rem;margin-right:2rem}.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials .li__icon:hover{opacity:.7;cursor:pointer}.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials .gh__icon{margin-top:-.1rem;font-size:2rem;color:#f4f4f4;transition:.2s ease}.overlay .navbar .navbar__container .sidebar .navbar__menu .menu__socials .gh__icon:hover{opacity:.7;cursor:pointer}.overlay .navbar .navbar__container .sidebar.active{background-color:teal;top:0;list-style:none;right:0;opacity:1;min-width:250px;width:50%;transition:all .75s ease;z-index:99999;height:100vh;position:absolute;overflow:none;padding-top:7.5rem;padding-left:-1rem}.overlay .navbar .navbar__container .sidebar.active .navbar__menu{list-style:none;margin-left:-.5rem}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .sidebar__name{padding-bottom:2rem;color:#f4f4f4;list-style:none;margin-left:-.2rem}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .sidebar__name h3{font-size:1.7rem}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .sidebar__name h4{margin-top:.3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.2rem;opacity:.5;font-weight:400}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .navbar__item{margin:1.2rem 0}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .navbar__item h1{font-size:2.7rem;color:#f4f4f4}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .navbar__item .navbar__links{font-size:1rem;transition:.2s ease-in;font-weight:500;color:#f4f4f4;opacity:1}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .mobile__contact{display:block;margin:2.5rem 0 2rem;color:#f4f4f4}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .mobile__contact button{padding:.4rem 1.6rem;opacity:1;font-weight:400;color:currentColor;background:none;outline:none;font-size:1.1rem;z-index:1;position:relative;transition:.2s ease}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .mobile__contact button:hover{opacity:.5;background-color:hsla(0,0%,98%,.25)}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .tab__toggle{display:none;z-index:999999}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar.active .navbar__menu .tab__toggle{display:flex;margin-top:.5rem;margin-left:2rem;margin-right:-1.2rem}}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials{display:flex;width:70%;margin-top:5rem}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials{display:none}}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials .li__icon{transition:.2s ease;font-size:2rem;margin-right:2rem}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials .li__icon:hover{opacity:.7;cursor:pointer}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials .gh__icon{margin-top:-.1rem;font-size:2rem;color:#f4f4f4;transition:.2s ease}.overlay .navbar .navbar__container .sidebar.active .navbar__menu .menu__socials .gh__icon:hover{opacity:.7;cursor:pointer}.overlay .navbar .navbar__container .sidebar.active .side__menu__toggle{display:none}.overlay .navbar .navbar__container .sidebar.active .sidebar__h1{position:absolute;bottom:17rem;right:-3rem;width:100%;font-weight:300;opacity:.05;font-size:3rem;transform:rotate(-90deg)}@media screen and (min-width:768px){.overlay .navbar .navbar__container .sidebar.active .sidebar__h1{display:none}}.overlay .navbar .navbar__container .nav__button__div{display:none;transition:.2s ease-in}@media screen and (min-width:768px){.overlay .navbar .navbar__container .nav__button__div{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center}}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .nav__button__div{width:140px}}.overlay .navbar .navbar__container .nav__button__div a{display:flex;align-items:center;justify-content:center;padding:.8rem;background-color:#37adcd;border-radius:50%;height:20px;width:20px}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .nav__button__div a{height:-moz-fit-content;height:fit-content;padding:.5rem 1.8rem;transition:.2s ease-in;font-weight:700;white-space:nowrap;color:#f4f4f4;border-radius:3px;font-size:1rem;background-color:#37adcd;transition:.5s ease;border:1px solid #37adcd;width:100%}}.overlay .navbar .navbar__container .nav__button__div a span{display:none}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .nav__button__div a span{display:flex}.overlay .navbar .navbar__container .nav__button__div a .contactIcon{display:none}}.overlay .navbar .navbar__container .nav__button__div a:hover{background-color:transparent;color:#71dbd4;border:1px solid #71dbd4}@media screen and (min-width:1312px){.overlay .navbar .navbar__container .side__menu__toggle{display:none}}.overlay .download__cv{display:none}.overlay .link{color:currentColor}.navbar.active{height:4rem;box-shadow:0 1px 5px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;background-color:rgba(15,12,12,.4);border-bottom:1px solid hsla(0,0%,96%,.1);transition:.2s ease-in}@media screen and (min-width:768px){.navbar.active{height:6.05rem}}@media screen and (min-width:1312px){.navbar.active{height:6.25rem;padding-top:1rem}}.navbar.active .navbar__container{width:90%!important}@media screen and (min-width:768px){.navbar.active .navbar__container{width:87%!important;padding-top:1.5rem}}.navbar.active .navbar__container .homeLink{margin-top:0}.navbar.active .navbar__container .homeLink .nav__logo{transform:scale(.9)}@media screen and (min-width:768px){.navbar.active .navbar__container .homeLink .nav__logo{transform:scale(.85)}}.navbar.active .navbar__container .mobile__toggles .navbar__toggle .bar{background-color:#f4f4f4;height:4px}.navbar.active .navbar__container .sidebar{margin-left:3.5rem}@media screen and (min-width:768px){.navbar.active .navbar__container .sidebar{margin-left:0}.navbar.active .navbar__container .sidebar .navbar__menu{margin-top:0}.navbar.active .navbar__container .sidebar .navbar__menu .navbar__item .navbar__links{color:#f4f4f4}.navbar.active .navbar__container .sidebar .navbar__menu .navbar__item .activeNavLink .navbar__links{color:#71dbd4!important;position:relative}.navbar.active .navbar__container .sidebar .navbar__menu .navbar__item .activeNavLink .navbar__links:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background-color:#71dbd4;top:70%;left:50%;transform:translate(-50%,-50%);transition:.2s ease-in}}@media screen and (min-width:1312px){.navbar.active{height:6.75rem}.navbar.active .navbar__container{width:86%!important}}.nav__hidden{transform:translateY(-3.75rem);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:.2s ease-in}@media screen and (min-width:768px){.nav__hidden{transform:translateY(-4.25rem);background:none!important;box-shadow:none!important}}.nav__hidden .navbar__item{margin-right:.8rem}.nav__hidden .navbar__item .navbar__links{color:#f4f4f4;font-size:1rem}@media screen and (min-width:1312px){.nav__hidden{transform:translateY(-4.35rem)}}.alt{box-shadow:none!important;height:5rem!important;background-color:transparent!important}@media screen and (min-width:1312px){.alt{height:10rem!important}}.alt .backIcon{margin-top:0;font-size:2.5rem;margin-left:0;transition:.2s ease-in}@media screen and (min-width:768px){.alt .backIcon{font-size:4rem;margin-top:2rem;margin-left:1rem}}@media screen and (min-width:1312px){.alt .backIcon{font-size:4rem;margin-left:-1.5rem}}.alt .backIcon:hover{color:#71dbd4}.alt.nav__hidden{transform:translateY(0)}.modalBackdrop{height:100%;width:100%;background:rgba(0,0,0,.882);justify-content:center}.modalBackdrop,.modalBackdrop .modal{position:fixed;top:0;left:0;display:flex;align-items:center;z-index:99999}.modalBackdrop .modal{border-radius:5px;width:clamp(80%,200px,70%);height:-moz-fit-content;height:fit-content;max-height:78%;padding:1rem 1rem 3rem;flex-direction:column;background-color:#0f0c0c;right:0;bottom:0;max-width:1200px;margin:1.75rem auto 2rem;-ms-overflow-style:none;scrollbar-width:none;overflow:scroll;filter:drop-shadow(0 0 .1rem rgb(113,219,212))}.modalBackdrop .modal::-webkit-scrollbar{display:none}@media screen and (min-width:1312px){.modalBackdrop .modal{margin-top:5rem;width:70%;max-height:78%}}.modalBackdrop .modal .modalClose{position:fixed;right:1rem;top:.4rem;width:30px;height:40px;display:flex;align-items:center;justify-content:center;z-index:99999}.modalBackdrop .modal .modalClose .modalCloseIcon{position:fixed;font-size:1.3rem;color:#71dbd4}@media screen and (min-width:768px){.modalBackdrop .modal .modalClose{right:1.5rem;top:.8rem}}.modalBackdrop .modal .modalContent{display:flex;flex-direction:column;justify-content:center;padding:.7rem 0 0}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent{text-align:center;padding:2rem 0;padding:2.5rem 0}}.modalBackdrop .modal .modalContent h4{color:currentColor;letter-spacing:.3rem;text-transform:uppercase;color:#71dbd4;font-size:.7rem;opacity:.8;margin-top:.8rem}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent h4{margin-top:1.5rem}}@media screen and (min-width:1312px){.modalBackdrop .modal .modalContent h4{margin-top:1rem}}.modalBackdrop .modal .modalContent h2{font-family:Poppins,sans-serif;font-weight:600;margin:.5rem 0 0;font-size:1.6rem;transition:all .3s ease-in-out}.modalBackdrop .modal .modalContent p{margin:.5rem auto;color:#bebebe;line-height:1.6;width:90%;font-size:clamp(16px,1vw,18px);font-weight:400;transition:all .3s ease-in-out}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent p{width:85%;margin:.5rem auto 0}}@media screen and (min-width:1312px){.modalBackdrop .modal .modalContent p{width:70%;margin:.7rem auto 0}}.modalBackdrop .modal .modalContent .projectLanguages{display:flex;justify-content:flex-start;margin:1rem auto 0;text-align:center}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .projectLanguages{text-align:left;margin-top:.5rem}}@media screen and (min-width:1312px){.modalBackdrop .modal .modalContent .projectLanguages{margin-top:.8rem}}.modalBackdrop .modal .modalContent .projectLanguages span{background-color:#313131;font-size:.8rem;border-radius:1rem;padding:.3rem 1rem;margin-right:.4rem;color:#f4f4f4}.modalBackdrop .modal .modalContent .projectLanguages span:nth-child(3){margin-right:0}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .projectLanguages span{margin-right:1rem}}.modalBackdrop .modal .modalContent .btns{display:flex;align-items:center;margin:2rem auto 0}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .btns{margin:2rem auto 0}}.modalBackdrop .modal .modalContent .btns .siteBtn{display:flex;align-items:center;transition:.2s ease-in;color:#f4f4f4;border:1px solid #71dbd4;outline:none;font-size:.9rem;margin-right:1rem;padding:.4rem .8rem;border-radius:3px;background:#37adcd;font-weight:500;z-index:1;transition:.3s ease-in-out}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .btns .siteBtn{padding:.5rem 1rem;font-size:1rem}}.modalBackdrop .modal .modalContent .btns .siteBtn:hover{background:transparent;color:#71dbd4;filter:drop-shadow(0 0 .5rem rgb(113,219,212));transition:.5s ease-in-out}.modalBackdrop .modal .modalContent .btns .siteBtn .icon{font-size:1.5rem!important;margin-right:.5rem}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .btns .siteBtn .icon{font-size:1.75rem!important}}.modalBackdrop .modal .modalContent .btns .gitBtn{background:none;outline:none;display:flex;font-size:.9rem;border-radius:1rem;border:none;align-items:center;color:#f4f4f4;text-decoration:none}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .btns .gitBtn{font-size:1rem}}.modalBackdrop .modal .modalContent .btns .gitBtn:hover{color:#71dbd4;filter:drop-shadow(0 0 .5rem rgb(113,219,212)) grayscale(0) saturate(90%) brightness(80%);transition:.5s ease-in-out}.modalBackdrop .modal .modalContent .btns .icon{font-size:1.3rem;margin-right:.6rem}@media screen and (min-width:768px){.modalBackdrop .modal .modalContent .btns .icon{font-size:1.5rem}}.getInTouch{display:flex;justify-content:center;flex-direction:column;font-size:.85rem;width:80%;border-radius:.5rem;filter:drop-shadow(0 0 .2rem rgb(49,49,49));text-align:center;color:#f4f4f4;margin:1rem auto 4rem;background-color:#313131;transition:.3s ease-in-out;z-index:999}@media screen and (min-width:768px){.getInTouch{width:68%;font-size:1rem;margin:1rem auto 4rem}}@media screen and (min-width:1312px){.getInTouch{margin:1rem auto 7rem!important;width:50%;font-size:1.2rem}}.getInTouch .wrapper{width:90%;margin:0 auto;padding:1.5rem 0 2.25rem;font-size:.8rem}@media screen and (min-width:1312px){.getInTouch .wrapper h1{font-size:1.6rem}}.getInTouch .wrapper p{padding:1rem 0 1.5rem;width:80%;margin:0 auto;font-size:.9rem;color:#bebebe;line-height:1.6}@media screen and (min-width:1312px){.getInTouch .wrapper p{font-size:1rem}}.getInTouch .wrapper button{border:1px solid #71dbd4;font-weight:700;width:-moz-fit-content;width:fit-content;margin:0 auto;border-radius:.3rem;background-color:#37adcd;font-size:1rem;padding:.4rem 1.2rem;transition:.2s ease-in;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.getInTouch .wrapper button a span{font-weight:700;color:#f4f4f4}.getInTouch .wrapper button:hover{border:1px solid #71dbd4;background-color:#313131;filter:drop-shadow(0 0 .2rem rgb(113,219,212))}.getInTouch .wrapper button:hover span{color:#f4f4f4}.mainArea{position:fixed;width:100%;height:100vh;background:none;top:0;z-index:-1}.mainArea .circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.mainArea .circles div{position:absolute;display:block;width:20px;height:20px;background:rgba(113,219,212,.2);bottom:-150px;animation:animate 20s linear infinite}@media screen and (min-width:768px){.mainArea .circles div{bottom:-100px}}.mainArea .circles div:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.mainArea .circles div:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.mainArea .circles div:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.mainArea .circles div:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.mainArea .circles div:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.mainArea .circles div:nth-child(6){left:75%;width:35px;height:35px;animation-delay:4s}@media screen and (min-width:1312px){.mainArea .circles div:nth-child(6){display:block}}.mainArea .circles div:nth-child(7){left:30%;width:70px;height:70px;animation-delay:12s;display:none;opacity:0;visibility:hidden}@media screen and (min-width:1312px){.mainArea .circles div:nth-child(7){display:block}}.mainArea .circles div:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;display:none;opacity:0;visibility:hidden}@media screen and (min-width:1312px){.mainArea .circles div:nth-child(8){display:block}}.mainArea .circles div:nth-child(9){left:20%;width:35px;height:35px;animation-delay:2s;animation-duration:35s}.mainArea .circles div:nth-child(10){left:85%;width:80px;height:80px;animation-delay:0s;animation-duration:20s}.socialsParent{position:relative}.border{position:fixed;overflow-x:hidden;box-sizing:border-box;top:0;left:0;z-index:999;width:100%;height:100%;margin:0;padding:0;justify-content:center;background:transparent;pointer-events:none;transition:.2s ease-in-out}@media screen and (min-width:768px){.border{border:25px solid #000}}@media screen and (min-width:1312px){.border{border:35px solid #000;border-width:50px 70px}}.cursor{display:none;color:#71dbd4;background-color:#71dbd4;mix-blend-mode:difference;width:40px;height:40px;border-radius:50%;position:fixed;z-index:9999999;animation:cursorAnim 2s infinite alternate;pointer-events:none;opacity:0;transition:.2s ease-in}@media screen and (min-width:768px){.cursor{display:block}}.cursor:not([data-type=""]) #cursor-icon{opacity:1}#cursor-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:6px;line-height:4px;fill:#fff!important;opacity:0;transition:opacity .4s ease}body:hover .cursor{opacity:1}@keyframes cursorAnim{0%{transform:scale(1.2)}to{transform:scale(.7)}}@keyframes animate{0%{opacity:1;border-radius:5%;transform:translateY(0) rotate(0deg)}to{opacity:0;border-radius:50%;transform:translateY(-1000px) rotate(2turn)}}.hero__section{display:flex;flex-direction:column;padding-top:180px;background:none;width:85%;margin:0 auto;position:relative;max-width:1400px}@media screen and (min-width:768px){.hero__section{padding-top:25vh;margin-bottom:4%}}@media screen and (min-width:1312px){.hero__section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:26.3vh;background:none;width:65%}}.hero__section .hero__text{display:flex;flex-direction:column;align-content:flex-start;text-align:left;justify-content:flex-start;background:none;text-align:center;width:100%}@media screen and (min-width:768px){.hero__section .hero__text{margin-left:0}}@media screen and (min-width:1312px){.hero__section .hero__text{height:-moz-fit-content;height:fit-content;text-align:left;margin-left:0}}.hero__section .hero__text h2{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:3px;margin-bottom:0;color:#bebebe}@media screen and (min-width:768px){.hero__section .hero__text h2{font-size:1rem;margin-left:-5px}}.hero__section .hero__text h1{font-size:clamp(1.6rem,5.5vw,4rem);background:none;font-family:Poppins,sans-serif;font-weight:700;animation:text-clip 1s cubic-bezier(.5,0,.1,1) 0s both;animation-delay:.75s}.hero__section .hero__text h1:nth-child(2){margin-top:1.2rem}@media screen and (min-width:1312px){.hero__section .hero__text h1{height:auto;line-height:1.2;width:100%;margin-left:-5px}}.hero__section .hero__text h1 span{color:#71dbd4}.hero__section .btn{display:flex;justify-content:left;align-items:center;width:-moz-fit-content;width:fit-content;transition:.2s ease-in;margin:2rem auto 0;text-transform:uppercase;letter-spacing:2px}@media screen and (min-width:768px){.hero__section .btn{margin-top:1.5rem}}@media screen and (min-width:1312px){.hero__section .btn{margin:2.4rem 0 0}}.hero__section .btn a{padding:.4rem .8rem;position:relative;background-color:#37adcd;border:1px solid #37adcd;color:#f4f4f4;outline:none;text-decoration:none;font-size:14px;font-weight:700;border-radius:3px;transition:transform .3s ease-in-out}@media screen and (min-width:768px){.hero__section .btn a{font-size:1rem}.hero__section .btn a .download{display:none;opacity:0;color:#f4f4f4}}@media screen and (min-width:1312px){.hero__section .btn a{padding:.6rem 1.5rem;margin-left:-.3rem;font-size:1rem}.hero__section .btn a .link{text-decoration:none;position:relative;z-index:99}}.hero__section .btn a a{color:#f4f4f4;text-transform:uppercase;transition:.3s ease-in-out;text-decoration:none;position:relative;z-index:99}.hero__section .btn a .icon{display:none;font-size:1.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity transform 1s 1s}@media screen and (min-width:768px){.hero__section .btn a .icon{display:flex}}.hero__section .btn a .icon:nth-child(3){opacity:0}.hero__section .btn a:before{content:"";position:absolute;outline:none;border:none;top:0;left:0;bottom:2px;right:0;z-index:-1;background-color:#0f0c0c;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.hero__section .btn a:focus:before,.hero__section .btn a:hover:before{transform:scaleX(1)}.hero__section .btn a:focus,.hero__section .btn a:hover{transition:transform .3s ease-in-out;transform:translateY(-.25em);color:#71dbd4}.hero__section .btn .downloaded{color:#0f0c0c!important}.hero__section .btn .downloaded svg{color:#0f0c0c}.hero__section .btn h2{display:none}@media screen and (min-width:768px){.hero__section .btn h2{font-weight:700;font-size:1.5rem;color:#71dbd4}}.hero__section .arrow{display:flex;justify-content:center;margin-top:40px;position:relative}@media screen and (min-width:768px){.hero__section .arrow{margin-top:48px}}@media screen and (min-width:1312px){.hero__section .arrow{margin-top:55px}}.hero__section .arrow .shaft{display:flex;justify-self:center;align-self:center;position:absolute;margin-left:auto;margin-right:auto;top:0;left:0;right:0;text-align:center;width:2px;background-color:#fff;animation:extend 1s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll)*-1s)}@media screen and (min-width:768px){.hero__section .arrow .shaft{width:2px;animation:extendMid 1s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll)*-1s)}}@media screen and (min-width:1312px){.hero__section .arrow .shaft{margin:0;animation:extendBig 1s linear infinite;animation-play-state:paused;animation-delay:calc(var(--scroll)*-1s)}}.hero__section .arrow .shaft .head{position:relative}.hero__section .arrow .shaft .head span{position:absolute;bottom:0;width:2px;height:12px;background-color:#fff;transform:translateY(1px) translateX(2.9px) rotate(30deg)}@media screen and (min-width:768px){.hero__section .arrow .shaft .head span{width:2px;height:12px}}.hero__section .arrow .shaft .head span:nth-child(2){transform:translateY(1px) translateX(-2.9px) rotate(-30deg)}.hero__section .scroll__btn{display:flex;align-content:center;justify-content:center;width:30px;margin:8rem auto 1rem;height:50px}@media screen and (min-width:768px){.hero__section .scroll__btn{margin:5rem 0 1rem}}.hero__section .scroll__btn .mouse{display:flex;align-content:center;justify-content:center;padding:7px;height:25px;border:2px solid #71dbd4;border-radius:25px;box-sizing:content-box}@media screen and (min-width:1312px){.hero__section .scroll__btn .mouse{padding:8px;height:30px}}.hero__section .scroll__btn .mouse .scroller{width:7px;height:7px;border-radius:25px;background-color:#71dbd4;animation-name:scroller;animation-duration:3s;animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-iteration-count:infinite}@media screen and (min-width:1312px){.hero__section .scroll__btn .mouse .scroller{width:9px;height:9px}}.hero__section img{right:0!important}.hero__section .homeCircle{width:1000px;height:1000px;background-color:#71dbd4;border-radius:50%;position:absolute;right:0;bottom:-110%;opacity:.1;background:linear-gradient(0deg,#000,#71dbd4)}@keyframes swipe-text{0%{width:0;right:100%;left:0}50%{left:0;width:100%;right:0}to{width:0;left:100%}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scroller{0%{opacity:0}10%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}@keyframes extend{0%{height:80px}10%{height:150px}}@keyframes extendMid{0%{height:100px}25%{height:250px}}@keyframes extendBig{0%{height:100px}25%{height:250px}}@keyframes text-clip{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.projectsSection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:85%;margin:0 auto;text-align:center}@media screen and (min-width:768px){.projectsSection{text-align:left;padding-top:0}}@media screen and (min-width:1312px){.projectsSection{padding-top:12rem;margin-top:-8rem}}.projectsSection .projectsTitle{display:flex;flex-direction:column;width:100%;margin:0 auto;padding-top:3rem}@media screen and (min-width:768px){.projectsSection .projectsTitle{width:82%;margin:0}}@media screen and (min-width:1312px){.projectsSection .projectsTitle{width:77%;margin-top:-2rem;padding:0}}.projectsSection .projectsTitle p{margin:2rem auto 0;font-size:clamp(16px,1vw,18px);font-weight:400;color:#bebebe;line-height:1.6;width:80%}@media screen and (min-width:768px){.projectsSection .projectsTitle p{width:100%;margin:1.5rem 0 0 .5rem;text-align:center}}@media screen and (min-width:1312px){.projectsSection .projectsTitle p{margin-left:0;text-align:left;width:65%}}.projectsSection .projectsTitle p span{font-weight:700;color:#71dbd4}.projectsSection .projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:1rem;grid-row-gap:0}@media screen and (min-width:768px){.projectsSection .projects{margin-top:3rem}}@media screen and (min-width:1312px){.projectsSection .projects{width:77%;margin-top:3rem}.projects__section{position:relative}.projects__section .projects__header{display:flex;justify-content:flex-start;align-items:flex-start;padding-top:0;margin:0 auto}.projects__section .projects__header p{width:100%}.projects__section .projects{margin-top:6rem;display:flex;justify-content:flex-start;width:65%}.projects__section .projects .reverse{flex-direction:row-reverse}.projects__section .projects .reverse .project__text{margin-left:0}.projects__section .projects .reverse .project__text p{width:85%}}.project{display:flex;flex-direction:column;height:100%;width:100%;border-radius:1rem;padding:2rem 1rem;z-index:2;max-width:450px}@media screen and (min-width:768px){.project{margin-bottom:1rem;width:82%;max-width:500px}}@media screen and (min-width:1312px){.project{margin-bottom:2rem!important;width:77%;max-width:100%}.project:nth-child(2n){flex-direction:row-reverse}.project:nth-child(2n) .projectText{margin-left:0;padding-right:1rem;margin-top:-.5rem}.project:nth-child(2n) .projectText p{width:95%}}.project .projectImage{width:100%;grid-row-start:1;position:relative;grid-column-start:1;height:12rem;background-attachment:fixed;background-repeat:no-repeat;object-fit:cover;box-shadow:0 3px 8px rgba(0,0,0,.24);transition:1s ease-in-out;margin-bottom:1.5rem;border-radius:10px!important}@media screen and (min-width:768px){.project .projectImage{height:100%;max-height:18rem}}@media screen and (min-width:1312px){.project .projectImage{height:100%;max-height:100%;min-height:18rem}}.project .projectImage img{position:static!important;border-radius:10px!important;object-fit:cover;filter:drop-shadow(0 0 .2rem rgb(113,219,212)) grayscale(100) saturate(90%) brightness(25%);transition:.4s ease-in-out;border:1px solid hsla(0,0%,100%,.02)}.project .projectImage img:hover{filter:drop-shadow(0 0 .5rem rgb(113,219,212)) grayscale(0) saturate(90%) brightness(80%);transition:.4s ease-in-out}.project .projectImage:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.15),transparent 40%);border-radius:inherit;opacity:0;transition:opacity .5s;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.project .projectImage:hover:before{opacity:1}.project .projectImage:hover .projectImageText{opacity:1;visibility:visible;transform:translateY(0)}.project .projectImage:hover .projectImageText .innerText .shaft{width:40px}@media screen and (min-width:768px){.project .projectImage:hover .projectImageText .innerText .shaft{width:70px}}.project .projectImage:hover img{filter:drop-shadow(0 0 .5rem rgb(113,219,212)) grayscale(0) saturate(90%) brightness(40%)}.project .projectText{display:flex;flex-direction:column;z-index:2;margin-top:0;border-radius:5px;text-align:center}@media screen and (min-width:1312px){.project .projectText{margin-left:2.8rem;justify-content:center;text-align:left;width:150%}}.project .projectText h4{color:currentColor;letter-spacing:.3rem;text-transform:uppercase;color:#71dbd4;font-size:.7rem;opacity:.8}@media screen and (min-width:768px){.project .projectText h4{font-size:.8rem}}.project .projectText h1{margin-top:.3rem;font-size:1.4rem;letter-spacing:1px;opacity:1;color:#fff}@media screen and (min-width:768px){.project .projectText h1{font-size:1.6rem;margin-top:.5rem}}.project .projectText p{margin:1rem 0;color:#bebebe;line-height:1.6;width:100%;font-size:16px;transition:all .3s ease-in-out}@media screen and (min-width:768px){.project .projectText p{margin:.5rem 0;font-size:18px}}.project .projectText p span{color:#71dbd4}.project .projectText .projectLanguages{display:flex;justify-content:flex-start;margin:.5rem auto 0;text-align:left}@media screen and (min-width:768px){.project .projectText .projectLanguages{text-align:left;margin-top:.5rem}}@media screen and (min-width:1312px){.project .projectText .projectLanguages{margin:.8rem 0 0}}.project .projectText .projectLanguages span{background-color:#313131;font-size:.85rem;border-radius:1rem;padding:.3rem 1rem;margin-right:1rem;color:#f4f4f4}.project .projectText .projectLanguages span:last-of-type{margin-right:0}@media screen and (min-width:768px){.project .projectText .projectLanguages span{margin-right:1rem}}.project .projectText .btns{display:flex;align-items:center;margin:1.8rem auto 0;text-align:center}@media screen and (min-width:768px){.project .projectText .btns{text-align:left;margin-top:1.8rem}}@media screen and (min-width:1312px){.project .projectText .btns{margin:1.8rem 0 0}}.project .projectText .btns .siteBtn{display:flex;align-items:center;transition:.2s ease-in;color:#f4f4f4;border:1px solid #71dbd4;outline:none;font-size:.9rem;margin-right:1rem;padding:.4rem .8rem;border-radius:3px;background:#37adcd;font-weight:500;z-index:1;transition:.3s ease-in-out}@media screen and (min-width:768px){.project .projectText .btns .siteBtn{padding:.4rem .8rem;font-size:1rem}}.project .projectText .btns .siteBtn:hover{background:transparent;color:#71dbd4;filter:drop-shadow(0 0 .5rem rgb(113,219,212));transition:.5s ease-in-out}.project .projectText .btns .siteBtn .icon{font-size:1.5rem!important;margin-right:.5rem}@media screen and (min-width:768px){.project .projectText .btns .siteBtn .icon{font-size:1.75rem!important}}.project .projectText .btns .gitBtn{background:none;outline:none;display:flex;font-size:.9rem;border-radius:1rem;border:none;align-items:center;color:#f4f4f4;text-decoration:none}.project .projectText .btns .gitBtn:hover{color:#71dbd4;filter:drop-shadow(0 0 .5rem rgb(113,219,212)) grayscale(0) saturate(90%) brightness(80%);transition:.5s ease-in-out}.project .projectText .btns .gitBtn .icon{font-size:1.3rem;margin-right:.6rem}@media screen and (min-width:768px){.project .projectText .btns .gitBtn .icon{font-size:1.5rem}}@media screen and (min-width:1312px){.project{display:flex;flex-direction:row;width:100%;height:20rem;margin-bottom:1rem;border:1px #f08080}.project img{width:100%;height:100%;object-fit:cover;padding:0;margin:0;opacity:1;transition:.5s ease-in-out}.project img:hover{transition:.3s ease-in-out}.project .project__text{display:flex;width:100%;flex-direction:column;border-radius:.5rem;margin-top:2.5rem;margin-left:3rem;transform:translate(0)}.project .project__text h1{font-size:2.3rem;font-family:Poppins,sans-serif}.project .project__text p{font-size:.9rem;width:100%}.project .project__text .project__languages span{font-size:.95rem}.project .project__text .btns .site__btn{font-size:1.1rem}.project .project__text .btns .site__btn .icon{margin-right:.5rem;margin-left:0}.project .project__text .btns .git__btn{font-size:1.1rem}.project .project__text .btns .git__btn .icon{margin-right:.5rem;margin-left:0}}@media screen and (min-width:1600px){.project .projectImage{min-width:525px}}.carousel{display:flex;flex-direction:column;width:100%;position:relative;margin-top:1.5rem}@media screen and (min-width:768px){.carousel{margin-top:2.25rem}}.carousel .carouselImage{display:flex;justify-content:center;position:Relative;height:100%;width:95%;padding:2.75rem 0;min-height:30vh;transition:.5s ease-in-out;margin:1rem auto;max-height:30vh;filter:drop-shadow(0 0 .2rem rgb(113,219,212)) grayscale(0) saturate(100%) brightness(85%)}@media screen and (min-width:768px){.carousel .carouselImage{min-height:40vh;max-height:40vh}}@media screen and (min-width:1312px){.carousel .carouselImage{min-height:50vh;width:-moz-fit-content;width:fit-content;max-height:50vh}}.carousel .carouselImage img{position:static!important;object-fit:cover}@media screen and (min-width:768px){.carousel .carouselImage img{object-fit:contain}}.carousel .carouselArrow{position:absolute;bottom:-1.25rem;font-size:2rem;color:#71dbd4;display:none;border-radius:50%}.carousel .carouselIndicators{position:absolute;left:0;right:0;width:100%;bottom:-.2rem;justify-content:center;margin-left:auto;margin-right:auto;display:flex;text-align:center}@media screen and (min-width:768px){.carousel .carouselIndicators{bottom:-2rem}}@media screen and (min-width:1312px){.carousel .carouselIndicators{bottom:-2.25rem}}.carousel .carouselIndicators div{background-color:#f4f4f4;border-radius:50%;width:7px;height:7px;margin:0 5px;transition:.2s ease-in-out}@media screen and (min-width:768px){.carousel .carouselIndicators div{width:10px;height:10px}}.carousel .carouselIndicators .active{background-color:#71dbd4;width:25px;border-radius:2rem;transition:.2s ease-in-out}.left{left:0}.right{right:0}.rtds-slider-wrapper{min-height:35vh;max-height:35vh!important}@media screen and (min-width:768px){.rtds-slider-wrapper{min-height:40vh;max-height:40vh!important}}@media screen and (min-width:1312px){.rtds-slider-wrapper{min-height:40vh;max-height:40vh!important;width:-moz-fit-content;width:fit-content;max-height:1000px}}.rtds-single-slide-styles{cursor:pointer}.rtds-single-slide-styles div{display:block!important;padding:0!important}.skillsRow{display:flex;flex-direction:column;width:85%;margin:-1rem auto 0;height:100%;padding-top:3rem;position:relative}@media screen and (min-width:768px){.skillsRow{padding-bottom:8rem;margin-top:0;padding-top:2rem}}@media screen and (min-width:1312px){.skillsRow{padding-top:8rem;margin-top:-3rem;padding-bottom:0;width:100%}}.skillsRow .skillsHeader{display:flex;flex-direction:column;width:100%;margin:0 auto 1rem;text-align:center}@media screen and (min-width:768px){.skillsRow .skillsHeader{width:82%}}@media screen and (min-width:1312px){.skillsRow .skillsHeader{width:65.5%}}.skillsRow .skillsHeader span{color:#71dbd4;font-size:1.2rem;font-weight:700}.skillsRow .skillsHeader p{width:90%;font-size:clamp(16px,1vw,18px);font-weight:600;color:#bebebe;margin:1rem auto 0;line-height:1.6}@media screen and (min-width:1312px){.skillsRow .skillsHeader p{text-align:left;width:100%}}.skillsRow .skillsHeader p span{color:#71dbd4;font-size:clamp(16px,1vw,18px)}.skillsRow .skillsContainer{width:100%;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;margin-left:0;margin-top:3rem}@media screen and (min-width:768px){.skillsRow .skillsContainer{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;justify-content:center;width:82%;margin:3rem auto 0;grid-gap:5%;gap:5%;max-width:700px}.skillsRow .skillsContainer>div:last-child{grid-column:1/-1;justify-self:center;width:47.5%}}@media screen and (min-width:1312px){.skillsRow .skillsContainer{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;grid-column-gap:10%;margin:6rem auto 0;width:65%;max-width:-moz-fit-content;max-width:fit-content}.skillsRow .skillsContainer>div:last-child{grid-column:auto;justify-self:stretch;width:100%}.skills__row{width:100%;display:flex;justify-content:center;margin-top:-5rem;padding-top:9rem}.skills__row .bg__skills{font-size:35rem;opacity:.01;top:-10rem;left:30rem}.skills__row .skills__header{justify-content:flex-start;align-items:flex-start;text-align:left;width:65%;margin:0 auto 4rem}.skills__row .skills__header h1{width:100%}.skills__row .skills__header p{text-align:left;width:100%}}.contact__section{height:100%;width:85%;max-width:400px;margin:0 auto 5rem;padding-top:2rem;padding-bottom:12rem}@media screen and (min-width:768px){.contact__section{width:99%;margin-top:5rem;max-width:100%;padding-bottom:16rem}}@media screen and (min-width:1312px){.contact__section{padding-top:9rem;margin-top:0;margin-bottom:9rem;padding-bottom:18rem}}.contact__section .contact__container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:0;position:relative;width:100%}@media screen and (min-width:768px){.contact__section .contact__container{width:88%;justify-content:center;align-items:center;margin:0 auto}}@media screen and (min-width:1312px){.contact__section .contact__container{width:66%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;text-align:left}}.contact__section .contact__container .contact{display:flex;flex-direction:column;justify-content:center;width:100%}@media screen and (min-width:768px){.contact__section .contact__container .contact{width:81%;margin:0 auto}}@media screen and (min-width:1312px){.contact__section .contact__container .contact{justify-content:flex-start;align-items:flex-start;margin-top:2rem}}.contact__section .contact__container .contact .contact__text{margin-top:2rem;text-align:center}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text{display:flex;flex-direction:column;margin:2rem auto 0}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text{align-items:flex-start;justify-content:flex-end;text-align:left;margin:1rem 0 0}}.contact__section .contact__container .contact .contact__text p{margin:0 auto;font-weight:600;font-size:clamp(16px,1vw,18px);line-height:1.6;color:#bebebe;text-align:center}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text p{width:80%}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text p{text-align:left;width:70%;margin:0}}.contact__section .contact__container .contact .contact__text p span{color:#71dbd4}.contact__section .contact__container .contact .contact__text .contact__mail{display:flex;margin-top:1.5rem;position:relative;text-align:center;justify-content:center}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text .contact__mail{display:flex;justify-content:center;width:60%;margin:2rem auto 0}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text .contact__mail{display:flex;justify-content:flex-start;align-items:center;margin:2.5rem 0 0}}.contact__section .contact__container .contact .contact__text .contact__mail .icon{font-size:1.5rem}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text .contact__mail .icon{position:absolute;left:0;font-size:1.7rem}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text .contact__mail .icon{position:absolute;left:0;top:0;font-size:2.5rem}}.contact__section .contact__container .contact .contact__text .contact__mail a{text-decoration:none;color:#f4f4f4;display:flex;align-items:center;margin-left:15px}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text .contact__mail a{margin-left:7rem;margin-left:3.8rem}}.contact__section .contact__container .contact .contact__text .contact__mail a h2{font-weight:400;font-size:.9rem;width:100%;font-weight:700;position:relative;letter-spacing:1px}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text .contact__mail a h2{font-size:1.1rem}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text .contact__mail a h2{align-items:flex-start;font-size:1.5rem;margin-left:8px}}.contact__section .contact__container .contact .contact__text .contact__mail a h2:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-3px;left:0;background-color:#71dbd4;transform-origin:bottom right;transition:transform .4s ease-out}.contact__section .contact__container .contact .contact__text .contact__mail a h2:hover:after{transform:scaleX(1);transform-origin:bottom left}.contact__section .contact__container .contact .contact__text .contact__cta{display:flex;margin:1.5rem auto;align-items:center}@media screen and (min-width:768px){.contact__section .contact__container .contact .contact__text .contact__cta{text-align:center;margin:1rem auto}}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text .contact__cta{display:flex;justify-content:flex-start;align-items:center;margin:0}}.contact__section .contact__container .contact .contact__text .contact__cta h2{font-family:Helvetica Neue,sans-serif;font-weight:700;font-size:clamp(16px,1vw,18px);color:#bebebe;width:100%}@media screen and (min-width:1312px){.contact__section .contact__container .contact .contact__text .contact__cta h2{align-items:flex-start;text-align:left;margin-top:3rem;margin-left:.2rem;font-size:1.3rem}}.contact__section .contact__container .contact .contact__text .contact__cta h2 span{color:#71dbd4}.contact__section .contact__container .contact__form{display:flex;position:relative;flex-direction:column;margin-left:0;width:100%;margin-top:-1rem}@media screen and (min-width:768px){.contact__section .contact__container .contact__form{margin-top:1rem;width:70%;max-width:400px}}@media screen and (min-width:1312px){.contact__section .contact__container .contact__form{margin-top:2rem;width:60%;max-width:100%}}.contact__section .contact__container .contact__form .text__field{position:relative;height:60px;overflow:hidden;margin:1rem auto auto;width:90%}@media screen and (min-width:768px){.contact__section .contact__container .contact__form .text__field{width:100%}}@media screen and (min-width:1312px){.contact__section .contact__container .contact__form .text__field{height:4rem;width:100%}}.contact__section .contact__container .contact__form .text__field:nth-child(0){margin-top:0}.contact__section .contact__container .contact__form .text__field input{width:100%;height:100%;color:#f4f4f4;padding-top:20px;border:none;background:none;margin-top:-12px;margin-left:-1px;font-size:clamp(16px,1vw,18px);outline:none}.contact__section .contact__container .contact__form .text__field input:focus+.label-name .content-name,.contact__section .contact__container .contact__form .text__field input:valid+.label-name .content-name{transform:translateY(-180%);font-size:.7rem;color:#71dbd4;text-transform:uppercase;letter-spacing:.2rem;background:none;font-weight:600}.contact__section .contact__container .contact__form .text__field input:hover+.label-name .content-name{color:#71dbd4}.contact__section .contact__container .contact__form .text__field input:hover+.label-name:after{transform:translateX(0);background:none}.contact__section .contact__container .contact__form .text__field input:focus+.label-name:after,.contact__section .contact__container .contact__form .text__field input:valid+.label-name:after{transform:translateX(0);background:none}.contact__section .contact__container .contact__form .text__field label{position:absolute;bottom:0;left:0;color:currentColor;margin-bottom:1px;width:100%;height:100%;font-size:clamp(16px,1vw,18px);pointer-events:none;opacity:.9;border-bottom:1px solid}.contact__section .contact__container .contact__form .text__field label:after{content:"";position:absolute;opacity:1;left:0;bottom:-1px;height:100%;width:100%;background:none;border-bottom:2px solid #71dbd4;transform:translateX(-100%);transition:.5s;transform-origin:bottom right}.contact__section .contact__container .contact__form .text__field label:after:focus{transform-origin:bottom left;transform:translateX(-100%)}.contact__section .contact__container .contact__form .text__field .content-name{position:absolute;bottom:5px;margin-top:-10px;color:#f4f4f4;left:0;transition:all .3s ease}.contact__section .contact__container .contact__form .text__area{margin:1rem auto 20px;position:relative;height:9rem;overflow:hidden;width:90%}@media screen and (min-width:768px){.contact__section .contact__container .contact__form .text__area{width:100%;height:11rem}}@media screen and (min-width:1312px){.contact__section .contact__container .contact__form .text__area{margin-top:2rem;width:100%;position:relative;height:12rem;overflow:hidden}}.contact__section .contact__container .contact__form .text__area textarea{width:100%;height:100%;color:#f4f4f4;padding-top:35px;border:none;background:none;margin-top:-12px;margin-left:-1px;font-size:1rem;outline:none}.contact__section .contact__container .contact__form .text__area textarea:focus+.label-name .content-name,.contact__section .contact__container .contact__form .text__area textarea:valid+.label-name .content-name{transform:translateY(-75%);font-size:.7rem;color:#71dbd4;text-transform:uppercase;letter-spacing:.2rem;background:none;font-weight:600}.contact__section .contact__container .contact__form .text__area textarea:focus+.label-name:after,.contact__section .contact__container .contact__form .text__area textarea:valid+.label-name:after{transform:translateX(0);background:none}.contact__section .contact__container .contact__form .text__area textarea:hover+.label-name .content-name{color:#71dbd4}.contact__section .contact__container .contact__form .text__area textarea:hover+.label-name:after{transform:translateX(0);background:none}.contact__section .contact__container .contact__form .text__area label{position:absolute;bottom:0;left:0;margin-bottom:1px;width:100%;height:100%;background:none;font-size:clamp(16px,1vw,18px);pointer-events:none;opacity:.9;border-bottom:1px solid}.contact__section .contact__container .contact__form .text__area label:after{content:"";position:absolute;opacity:1;left:0;bottom:-1px;height:100%;width:100%;border-bottom:2px solid #71dbd4;transform:translateX(-150%);transition:.5s}.contact__section .contact__container .contact__form .text__area .content-name{position:absolute;top:1rem;left:0;transition:all .3s ease}.contact__section .send__btn{padding:.5rem 1.8rem;font-weight:700;display:flex;justify-content:center;align-self:right;color:#f4f4f4;background-color:#37adcd;border-radius:3px;font-size:.9rem;transition:.5s ease;border:1px solid #0f0c0c;text-transform:capitalize;max-width:12rem;margin:2rem auto 0}@media screen and (min-width:768px){.contact__section .send__btn{margin-left:auto;font-size:1rem;max-width:12rem;margin-top:3rem}}@media screen and (min-width:1312px){.contact__section .send__btn{max-width:12rem;font-size:1rem;padding:.6rem 1.5rem;margin:2.5rem 0 0}}.contact__section .send__btn:hover{color:#71dbd4;background-color:#0f0c0c;border:1px solid #71dbd4}.contact__section .statusSent{display:flex;padding:1rem 30px 1.5rem;justify-content:space-between;width:90%}@media screen and (min-width:768px){.contact__section .statusSent{width:55%}}@media screen and (min-width:1312px){.contact__section .statusSent{width:100%;margin-top:3rem}}.contact__section .statusSent .icon{color:#71dbd4;font-size:2rem}@media screen and (min-width:1312px){.contact__section .statusSent .icon{font-size:2.5rem}}.contact__section .statusSent p{margin-top:2px;font-size:.85rem;width:100%}@media screen and (min-width:1312px){.contact__section .statusSent p{margin-top:10px;margin-left:10px}}.contactPage{padding-top:11vh}@media screen and (min-width:768px){.contactPage{padding-top:3rem}}.footer__section{width:100%;padding:.7rem 0 1.4rem;display:flex;align-self:flex-end;margin-top:auto;justify-content:center;align-items:center;flex-direction:column;background-color:teal;position:absolute;z-index:9}@media screen and (min-width:768px){.footer__section{margin-top:2rem;padding:.5rem 0 3rem}}@media screen and (min-width:1312px){.footer__section{margin-top:0;padding:.5rem 0 5.5rem}}.footer__section .socials{display:none;flex-direction:column;align-items:center;position:fixed;bottom:0;left:6.8%;z-index:-1;color:currentColor}@media screen and (min-width:768px){.footer__section .socials{display:flex;left:6%}}@media screen and (min-width:1312px){.footer__section .socials{left:6%}}.footer__section .socials .socialsTag{color:#71dbd4;margin-bottom:40px;transform:rotate(-90deg)}@media screen and (min-width:768px){.footer__section .socials .linked__icon{font-size:2rem;color:currentColor;transition:.3s ease-in}}@media screen and (min-width:1312px){.footer__section .socials .linked__icon{font-size:2rem}}@media screen and (min-width:768px){.footer__section .socials .git__icon{margin-top:10px;font-size:1.6rem;margin-bottom:2rem;color:currentColor;transition:.3s ease-in}}@media screen and (min-width:1312px){.footer__section .socials .git__icon{margin-top:1.2rem;font-size:1.9rem;margin-bottom:2.5rem}}.footer__section .socials svg{color:teal}.footer__section .socials p{margin:40px 0;font-size:1.1rem}.footer__section .wrapper{display:flex;justify-content:right;width:77%;margin:0 auto 10px}@media screen and (min-width:1312px){.footer__section .wrapper{width:65%;margin:20px auto -10px}}.footer__section .wrapper .container{display:flex;align-items:center;justify-self:right;align-self:right;overflow:hidden;height:70px;width:120px}@media screen and (min-width:1312px){.footer__section .wrapper .container{width:210px;height:70px}}.footer__section .wrapper .container .definitelyNotWhoYouThink{position:relative;background:transparent;z-index:1}.footer__section .wrapper .container .definitelyNotWhoYouThink:after,.footer__section .wrapper .container .definitelyNotWhoYouThink:before{position:absolute;top:-17px;display:block;border-radius:50%;content:"";height:0;width:0}@media screen and (min-width:1312px){.footer__section .wrapper .container .definitelyNotWhoYouThink:after,.footer__section .wrapper .container .definitelyNotWhoYouThink:before{top:-25px}}.footer__section .wrapper .container .definitelyNotWhoYouThink:before{animation:chunk-top .8s ease infinite;border-color:#f4f4f4 #f4f4f4 transparent transparent;border-style:solid;border-width:17px}@media screen and (min-width:1312px){.footer__section .wrapper .container .definitelyNotWhoYouThink:before{border-color:#f4f4f4 #f4f4f4 transparent transparent;border-style:solid;border-width:25px}}.footer__section .wrapper .container .definitelyNotWhoYouThink:after{animation:chunk-bottom .8s ease infinite;border-color:transparent transparent #f4f4f4 #f4f4f4;border-style:solid;border-width:17px}@media screen and (min-width:1312px){.footer__section .wrapper .container .definitelyNotWhoYouThink:after{border-color:transparent transparent #f4f4f4 #f4f4f4;border-style:solid;border-width:25px}}.footer__section .wrapper .container .pills{display:flex;width:95%;justify-content:right;margin-left:15px}.footer__section .wrapper .container .path{display:flex;justify-content:space-around;animation:eating-path .8s linear infinite;width:90%;margin-left:auto}.footer__section .wrapper .container .path:before{background:#fff;border-radius:50%;content:"";height:12px;width:12px}@media screen and (min-width:1312px){.footer__section .wrapper .container .path:before{height:20px;width:20px}}.footer__section .download{position:fixed;bottom:10rem;padding:1rem;right:6.5%;opacity:0;visibility:hidden;background-color:#37adcd;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;transition:all .2s ease;font-size:2.5rem}.footer__section .download:hover{background-color:#f4f4f4;color:#71dbd4}@media screen and (min-width:768px){.footer__section .download{width:18px;height:18px;font-size:3rem;bottom:0}.footer__section .show{opacity:1;visibility:visible;bottom:100px;right:6.5%}}@media screen and (min-width:1312px){.footer__section .show{bottom:7rem;transition:.2s ease;right:8.5%}}.footer__section .footer__links{display:flex;justify-content:space-between;width:85%;align-items:center;margin:1rem 0}@media screen and (min-width:768px){.footer__section .footer__links{margin-bottom:.5rem}}@media screen and (min-width:1312px){.footer__section .footer__links{display:flex;align-items:center}}.footer__section .footer__links p{font-weight:200;margin:0;font-size:1.1rem}@media screen and (min-width:1312px){.footer__section .footer__links p{margin:0 1.5rem;font-weight:300;font-size:1.2rem}}.footer__section .footer__logo2{display:none}@media screen and (min-width:768px){.footer__section .footer__logo2{display:flex;height:3rem;margin:.5rem 0 .25rem}}@media screen and (min-width:1312px){.footer__section .footer__logo2{height:2.75rem;margin-top:0}}.footer__section .footer__icons{display:flex;align-items:center;justify-content:center;color:#f4f4f4;margin:.5rem 0}@media screen and (min-width:768px){.footer__section .footer__icons{display:none}}.footer__section .footer__icons .li__icon{font-size:1.75rem;margin-right:10px}.footer__section .footer__icons .li__icon:hover{opacity:.7}.footer__section .footer__icons .gh__icon{font-size:1.6rem;margin-left:10px}.footer__section .footer__icons .gh__icon:hover{opacity:.7}.footer__section .footer__icons .link{color:currentColor}.footer__section .footer__copyright{display:flex;align-items:center;text-align:center;margin-top:-.1rem}@media screen and (min-width:1312px){.footer__section .footer__copyright{display:flex;align-items:center;margin-top:.3rem}}.footer__section .footer__copyright p{font-weight:400;font-size:.7rem;color:#f4f4f4}@media screen and (min-width:1312px){.footer__section .footer__copyright p{font-size:.8rem}}.footer__section .footer__copyright p span{color:#71dbd4}@keyframes chunk-top{0%,to{transform:rotate(-45deg)}50%{transform:rotate(-80deg)}}@keyframes chunk-bottom{0%,to{transform:rotate(-40deg)}50%{transform:rotate(0deg)}}@keyframes eating-path{0%{transform:translateX(50%)}to{transform:translateX(-50%)}}.arrowBig{position:absolute;width:450px;right:22%;top:9%}#_next{position:relative;height:100%;min-height:75vh}*{margin:0;font-family:Poppins,sans-serif}html{scrollbar-width:40px;scrollbar-color:#71dbd4 #0f0c0c}.no-scroll{overflow:hidden!important;touch-action:none}html::-webkit-scrollbar{width:10px}a{color:#fff;text-decoration:none}body{background-color:#101013;color:#f4f4f4;transition:.2s ease-in-out;position:relative;margin:0;padding:0;min-height:75vh;overflow-x:hidden}.link-focus{border:1px solid #71dbd4;opacity:.7;transform:scale(1.2);animation:none;transition:.2s ease-in;background-color:#71dbd4}.projectFocus{transform:scale(1.8);transition:background-color .2s ease-in;transition-duration:.2s;transition-timing-function:ease-out}.carouselFocus,.projectFocus{border:1px solid #71dbd4;opacity:1;animation:none}.carouselFocus{transform:scale(1.5);transition:background-color .2s ease-in;background-color:#71dbd4}.link{text-decoration:none;color:currentColor}.interactive,a{cursor:pointer}.hideProject{opacity:0;filter:blur(3px);transform:translateY(20%)}.hideProject,.showProject{transition:1s ease!important}.showProject{opacity:1;filter:blur(0);transform:translateY(0)}.hideSkills{opacity:0;filter:blur(5px);transform:translateX(-100%)}.hideSkills,.showSkills{transition:1.5s ease!important}.showSkills{opacity:1;filter:blur(0);transform:translateX(0)}.showSkills:nth-child(2){transition-delay:.2s!important}.showSkills:nth-child(3){transition-delay:.4s!important}@import"https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Poppins:wght@200;300;400;500;600;700&display=swap";.Background_mainArea__xL0Lr{position:fixed;width:100%;height:100vh;background:none;top:0;z-index:-1}.Background_mainArea__xL0Lr .Background_circles__0cdQa{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.Background_mainArea__xL0Lr .Background_circles__0cdQa div{position:absolute;display:block;width:20px;height:20px;background:rgba(113,219,212,.2);bottom:-150px;animation:Background_animate__dNAb8 20s linear infinite}@media screen and (min-width:768px){.Background_mainArea__xL0Lr .Background_circles__0cdQa div{bottom:-100px}}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(6){left:75%;width:35px;height:35px;animation-delay:4s}@media screen and (min-width:1312px){.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(6){display:block}}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(7){left:30%;width:70px;height:70px;animation-delay:12s;display:none;opacity:0;visibility:hidden}@media screen and (min-width:1312px){.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(7){display:block}}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;display:none;opacity:0;visibility:hidden}@media screen and (min-width:1312px){.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(8){display:block}}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(9){left:20%;width:35px;height:35px;animation-delay:2s;animation-duration:35s}.Background_mainArea__xL0Lr .Background_circles__0cdQa div:nth-child(10){left:85%;width:80px;height:80px;animation-delay:0s;animation-duration:20s}.Background_socialsParent__NCySM{position:relative}.Background_border__pQ7aR{position:fixed;overflow-x:hidden;box-sizing:border-box;top:0;left:0;z-index:999;width:100%;height:100%;margin:0;padding:0;justify-content:center;background:transparent;pointer-events:none;transition:.2s ease-in-out}@media screen and (min-width:768px){.Background_border__pQ7aR{border:25px solid #000}}@media screen and (min-width:1312px){.Background_border__pQ7aR{border:35px solid #000;border-width:50px 70px}}.Background_cursor__Zp6l7{display:none;color:#71dbd4;background-color:#71dbd4;mix-blend-mode:difference;width:40px;height:40px;border-radius:50%;position:fixed;z-index:9999999;animation:Background_cursorAnim__klb_p 2s infinite alternate;pointer-events:none;opacity:0;transition:.2s ease-in}@media screen and (min-width:768px){.Background_cursor__Zp6l7{display:block}}.Background_cursor__Zp6l7:not([data-type=""]) #Background_cursor-icon__lMPc9{opacity:1}#Background_cursor-icon__lMPc9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:6px;line-height:4px;fill:#fff!important;opacity:0;transition:opacity .4s ease}body:hover .Background_cursor__Zp6l7{opacity:1}@keyframes Background_cursorAnim__klb_p{0%{transform:scale(1.2)}to{transform:scale(.7)}}@keyframes Background_animate__dNAb8{0%{opacity:1;border-radius:5%;transform:translateY(0) rotate(0deg)}to{opacity:0;border-radius:50%;transform:translateY(-1000px) rotate(2turn)}}