:root{--background-color:#000;--text-main-color:#fff;--text-secondary:#8c8c8c;--white:#ededed}*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;margin:0;padding:0}html{font-size:62.5%;-webkit-user-select:none;user-select:none}body{background-color:var(--background-color)}.about{width:100%}.about-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15rem 0;padding:0 2rem}.about__p--hello{align-items:center;color:var(--text-secondary);display:flex;font-size:2rem;gap:1rem}.about__p-img{height:2rem}.about__h2{color:var(--white);font-size:5.4rem;margin-bottom:3rem;margin-top:1rem}.about__icon{color:#5c5c5c}.social-links{gap:3rem;padding:1rem 0}.about__icon{cursor:pointer;font-size:2.5rem;transition:color .1s ease-in-out}.about__icon:hover{color:var(--white)}.about__p{color:#fff;font-size:3rem;margin-bottom:3rem;text-transform:uppercase;will-change:transform}.about__p .word{opacity:0;-webkit-transform:translateY(5rem);transform:translateY(5rem);transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}.about__p-alternative,.about__p-alternative-2{color:#9e9e9e;font-size:2rem;font-weight:300;margin-bottom:3rem;width:75%}@media screen and (min-width:720px){.about-main-container{flex-direction:row;justify-content:space-between;padding:4rem}.about-text-secondary{display:flex;gap:3rem}.about__content-container{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.about__content{max-width:70%}}@media screen and (min-width:900px){.about-main-container{padding:6rem}}@media screen and (min-width:1100px){.about__p{font-size:4rem}}.nav{align-items:center;color:var(--white);display:flex;height:7.5rem;justify-content:space-between;padding:2rem}.nav__img{height:3.5rem}.language-dropdown{position:relative;width:15rem}.language-dropdown .selection{align-items:center;background-color:initial;cursor:pointer;display:flex;font-size:1.4rem;gap:1rem;justify-content:space-between;padding:1.6rem;-webkit-user-select:none;user-select:none}.language-dropdown .selection .icon{font-size:2rem}.language-dropdown .selection .caret{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.6rem solid #fff;height:0;transition:.3s;width:0}.language-dropdown .selection .caret.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-container{overflow:hidden;position:absolute;width:100%;z-index:5}.menu{background-color:#fff;color:var(--background-color);list-style:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.menu.active{-webkit-transform:translateY(0);transform:translateY(0)}.menu .option{align-items:center;cursor:pointer;display:flex;font-size:1.4rem;gap:1rem;justify-content:center;padding:1.2rem;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.menu .option .dot-indicator{background-color:#000;border-radius:50%;height:.6rem;position:absolute;right:1.5rem;width:.6rem}.menu .option:hover{background-color:var(--background-color);color:#fff}.menu .option:hover .dot-indicator{background-color:#fff}.nav__icon{cursor:pointer}.hamburger path{fill:none;stroke:#fff;stroke-linecap:round}.menu-icon{cursor:pointer;position:relative;z-index:101}.fullpage-menu{display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}.fullpage-menu-inner{align-items:center;display:flex;height:100%;padding:10rem 6rem}.menu-bg{height:100%;left:0;position:absolute;top:0;width:100%}.menu-bg span{background:#fff;display:block;height:33.334%;width:100%}.fullpage-menu nav{position:relative;z-index:10}.fullpage-menu nav ul{list-style:none}.fullpage-menu nav li{overflow:hidden;transition:-webkit-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s}.fullpage-menu nav li+li{margin-top:2rem}.fullpage-menu nav li a{color:#000;display:inline-block;font-size:10rem;font-weight:400;line-height:1;text-decoration:none;text-transform:uppercase}.fullpage-menu nav li:hover{-webkit-transform:translateX(5rem);transform:translateX(5rem)}.header-nav-footer{bottom:0;display:flex;justify-content:space-between;left:0;padding:4rem 6rem;position:absolute;width:100%;z-index:10}.social-links{align-items:center;display:flex;list-style:none;width:100%}.social-links li{color:#000;font-size:1.8rem;font-weight:400}.social-links li+li{margin-left:1.6rem}.social-links li:last-child{margin-left:auto}.social-links a{color:#000;text-decoration:none}@media screen and (min-width:720px){.nav{padding:2rem 4rem}}@media screen and (min-width:900px){.nav{padding:4rem 6rem}}@media screen and (max-width:767px){.header-nav-footer,.header-row{padding:3rem}.fullpage-menu-inner{padding:7rem 3rem}.fullpage-menu nav li a{font-size:5.4rem}.social-links{flex-wrap:wrap}.social-links li{font-size:1.6rem}}.projects__h2-container{height:50rem;overflow:hidden;padding-left:40%;width:100%}.projects__h2{color:var(--white);font-size:30rem;font-weight:500;width:-webkit-max-content;width:max-content;will-change:transform}.projects_section{flex:none;flex-direction:column;flex-wrap:nowrap;gap:0;height:calc(450vh + 678px);justify-content:flex-start;overflow:visible;position:relative}.projects_carousel,.projects_section{display:flex;padding:0;width:100%;will-change:transform}.projects_carousel{align-content:center;align-items:center;flex:none;flex-direction:row;flex-wrap:nowrap;height:100vh;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:1}.projects-images{align-items:center;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:132px;height:100vh;justify-content:flex-start;overflow:visible;padding-top:150px;position:relative;-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}.project__img{-webkit-filter:brightness(.6);filter:brightness(.6);height:90vh;image-rendering:auto;object-fit:cover;position:relative;width:100%}.projects-titles{flex-wrap:nowrap;gap:132px;left:0;overflow:visible;padding-top:150px;position:absolute;top:0}.project__title,.projects-titles{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.project__title{height:90vh;will-change:transform,opacity}.project__title-h3{color:#fff;font-size:8rem;margin-bottom:2rem;text-align:center}.project__title-button{align-items:center;display:flex;height:5rem;justify-content:center;position:relative;width:5rem}.project__title-button span{will-change:transform,opacity}.project__title-button .button-normal{background-color:#00000098;border-radius:50%;display:block;font-size:4rem;height:100%;position:absolute;width:100%;z-index:-1}.project__title-button .button-hover{background-color:var(--white);border-radius:50%;display:block;height:100%;position:absolute;scale:0;width:100%;z-index:1}.project__title-button .icon-normal{color:var(--white);display:block;font-size:3rem;position:absolute}.project__title-button .icon-hover{color:#000;display:block;font-size:3rem;opacity:0;position:absolute;z-index:5}@media screen and (min-width:630px){.projects_mask{flex:none;height:100vh;position:absolute;width:100vw}.project_circle.right{bottom:-1950px;height:5500px;margin:auto;right:calc(-5500px + 20%);top:-2750px}.project_circle.left,.project_circle.right{background-color:var(--background-color);border-radius:50%;overflow:hidden;position:absolute;width:5500px;z-index:1}.project_circle.left{bottom:-2750px;left:calc(-5500px + 20%);top:-1950px}.project__title-h3{font-size:15rem}.project__title-button{height:7rem;width:7rem}.project__title-button .icon{font-size:3.5rem}}@media screen and (min-width:720px){.projects__h2{font-size:45rem;padding-left:3rem}.projects__h2-container{height:-webkit-min-content;height:min-content}}.welcome{height:calc(100vh - 7.5rem);justify-content:center}.title-container,.welcome{display:flex;flex-direction:column}.title-container{align-items:center;overflow-x:hidden;position:relative;width:100%}.title-bottom{padding:3rem}.welcome__img--title-container{-webkit-filter:grayscale(100%) contrast(1.1);filter:grayscale(100%) contrast(1.1);height:70vh;object-fit:cover;object-position:top;overflow:hidden;width:90%}.title-scroll-container{align-items:center;bottom:0;display:flex;gap:10rem;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;top:0;width:100%}.welcome__h1--title-container{text-wrap:nowrap;color:var(--white);font-size:15rem;font-weight:400;height:-webkit-min-content;height:min-content;width:-webkit-max-content;width:max-content;will-change:transform}.roles{color:var(--text-secondary);display:flex;font-size:1.6rem;font-weight:300;gap:3rem;justify-content:center;margin-bottom:3rem;text-align:center;width:100%}.roles__p{flex:1 1;word-spacing:.5rem}.button{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid var(--text-secondary);border-radius:10rem;color:var(--text-secondary);cursor:pointer;font-size:1.6rem;font-weight:500;height:-webkit-min-content;height:min-content;padding:1.3rem 2.6rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.button-container{display:flex;justify-content:center;width:100%}.button:hover{background-color:var(--white);border-color:var(--white);color:var(--background-color)}@media screen and (min-width:720px){.welcome{justify-content:flex-end}.title-container{bottom:0;justify-content:center;margin:auto;position:absolute;top:0;z-index:-1}.welcome__img--title-container{height:50rem;max-width:35rem;width:40%;z-index:1}.welcome__h1--title-container{font-size:35rem}.title-bottom{align-items:center;display:flex;justify-content:space-between;padding:6rem 4rem}.roles__p{flex:none}.roles{padding:0}.button-container,.roles{width:auto}}@media screen and (min-width:900px){.title-bottom{padding:6rem}}@media screen and (min-width:720px) and (max-height:760px){.welcome__h1--title-container{font-size:25rem}.welcome__img--title-container{height:50%;object-position:top}}.skills-header{background-color:var(--background-color);height:35vh;width:100%}.skills-main-container{align-items:center;display:flex;height:100%;justify-content:center;padding:0 2rem;width:100%}.skills-content{background-color:var(--white);border-radius:7rem;box-shadow:0 10px 40px rgba(0,0,0,.05);padding:10rem 5rem;width:100%}.skills-content__h2{font-size:3.5rem;overflow:hidden;text-align:center}.skills-content__h2 span{display:inline-block;-webkit-transform:translateY(100%);transform:translateY(100%)}.skills-content__h3{font-size:2rem;font-weight:400;margin-top:1rem;overflow:hidden;text-align:center}.skills-content__h3 span{display:inline-block;-webkit-transform:translateY(100%);transform:translateY(100%)}.skill-carousel-main-container{display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.skill-carousel-main-container:after,.skill-carousel-main-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:15rem;z-index:2}.skill-carousel-main-container:before{background:linear-gradient(to right,var(--white) 0,transparent 100%);left:0}.skill-carousel-main-container:after{background:linear-gradient(to left,var(--white) 0,transparent 100%);right:0}.skill-carousel{margin-top:6rem;overflow:hidden;-webkit-transform:translateY(190%);transform:translateY(190%)}.skill-carousel,.skills-container{width:-webkit-max-content;width:max-content}.skills-container{display:flex;gap:6rem}.skills-container__item{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:10rem!important}.skills-container__item-name{font-size:1.6rem;font-weight:500;text-align:center;transition:color .3s ease}.skills-container__item-icon{font-size:5rem;transition:color .3s ease}.p,.skills-content .h3{font-size:2rem;line-height:3rem;margin-bottom:2rem}.button.light:hover{background-color:var(--background-color);border:2px solid var(--background-color);color:var(--white)}.skills-bottom-container{gap:10rem;margin-top:6rem}.ordinary-skills,.skills-bottom-container{align-items:center;display:flex;flex-direction:column}.ordinary-skills{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:2rem;flex:1 1;justify-content:center;padding:3rem}.ordinary-skills p{color:#333;max-width:40rem;text-align:center}.ordinary-skills .h3{font-weight:600;line-height:4rem;margin-bottom:2rem}.quote-container{align-items:center;background-color:var(--background-color);border-radius:2rem;color:var(--white);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}.quote-container:before{background:radial-gradient(circle at top right,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%}.quote-container .icon{font-size:4rem;margin-bottom:2rem;opacity:.8;position:relative;z-index:1}.quote-container__quote{font-size:2rem;font-style:italic;line-height:3rem;margin-bottom:2rem;max-width:40rem;position:relative;text-align:center;z-index:1}.quote-container__title{border-top:2px solid hsla(0,0%,100%,.3);font-size:1.8rem;font-weight:600;padding:.6em;position:relative;text-align:center;z-index:1}@media screen and (min-width:900px){.skills-main-container{padding:6rem}.skills-bottom-container{align-items:flex-start;flex-direction:row}}.footer{color:var(--white);height:100%;padding:8rem 2rem;width:100%}.footer__title{display:flex;gap:2rem;justify-content:flex-start;margin-bottom:6rem}.footer__h2{font-size:4rem;font-weight:200}.footer__p{font-size:2rem;line-height:3rem;margin-bottom:2rem}.footer__socialmedia{display:flex;flex-wrap:wrap;gap:1.6rem;list-style:none;margin-bottom:5rem}.footer__socialmedia li{align-items:center;display:flex;font-size:1.6rem;font-weight:100;gap:1rem;text-underline-offset:5px}.footer__socialmedia li a:after{-webkit-animation:liHover .2s ease forwards;animation:liHover .2s ease forwards;background-color:#fff;bottom:-5px;content:"";display:block;height:1px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.footer__socialmedia li:hover a:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.footer__socialmedia li a{color:#fff;position:relative;text-decoration:none}.footer__email-container{align-items:center;display:flex;justify-content:center;padding-top:4rem;position:relative}.footer__email-container p{cursor:pointer;font-size:2.5rem;position:relative;word-break:break-all}.footer__email-container p:after{background-color:#fff;bottom:-10px;content:"";display:block;height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.footer__email-container p:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.footer__email-container span{background-color:#fff;border-radius:5px;color:#000;display:block;font-size:1.4rem;opacity:0;padding:1rem 1.5rem;position:absolute;top:-50px;transition:opacity .2s ease}.footer__email-container span.active{display:block;opacity:1}.footer__email-container span:after{border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 15px;bottom:-35%;content:"";display:block;height:0;left:0;margin:auto;position:absolute;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:0}.footer__icon{display:none}@media screen and (min-width:900px){.footer__title{justify-content:flex-end}.footer__icon{display:block;height:10rem}.footer__h2,.footer__icon{font-size:8rem}.footer{padding:10rem 6rem}.footer__bottom{align-items:center;display:flex;justify-content:space-between}.footer__bottom-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.footer__bottom-left .footer__p{max-width:45rem}.footer__bottom-left .footer__socialmedia{margin:0}.footer__bottom-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end;padding:0}.footer__email-container p{font-weight:300;text-decoration-thickness:2px;text-underline-offset:15px}}@media screen and (min-width:1060px){.footer__email-container p{font-size:4rem}}
/*# sourceMappingURL=main.5104979a.css.map*/