@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}button,label{cursor:pointer}button,input{outline:0}body{font-family:Roboto,sans-serif}.homeContainer{min-width:100vw}.homeContainer .home__background{background-color:#e4e0d9;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.homeContainer .home__text{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8rem 4rem;color:#000;height:100vh;max-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:transparent}.homeContainer .home__text .text__small{font-size:clamp(16px,2vw,32px);margin-top:.5rem;font-weight:100;text-align:center}.homeContainer .home__text .text__large{font-size:clamp(40px,6vw,120px);font-family:Roboto Slab,serif;font-weight:400;margin:1rem 0;text-align:center}.homeContainer .home__text .text__large--ReactJS{font-weight:700}.homeContainer .home__text .text__large--NextJS,.homeContainer .home__text .text__large--NodeJS,.homeContainer .home__text .text__large--ReactJS{font-size:clamp(40px,6vw,95px);margin:1rem 0;text-align:center;-webkit-text-stroke:1px #000;color:transparent;-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.homeContainer .home__text .text__large--NextJS,.homeContainer .home__text .text__large--NodeJS{font-weight:900}.homeContainer .home__text .text__medium{font-size:clamp(30px,3vw,64px);margin:.5rem 0 1rem;font-weight:200;text-align:center}.homeContainer .home__text .social{position:fixed;bottom:0;left:0;padding:2rem}.homeContainer .home__text .social .text__icon{margin-right:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.homeContainer .home__text .social .text__icon:hover{color:#5f758e}@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.aboutContainer{background-color:transparent;min-width:100vw}.aboutContainer .about__background{background-color:#4f6492;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.aboutContainer .about__picture{width:30%;min-width:150px;max-width:450px;border-radius:50%;background:url(../images/4c59abcb649d10f50e1fb9640e1fff63.jpg);background-size:cover;background-position:50%;position:fixed;left:50px;top:150px}.aboutContainer .about__picture:after{content:"";display:block;padding-bottom:100%}.aboutContainer .about__text{height:100vh;padding:8rem 4rem;width:80%;max-width:1200px;min-width:300px;color:#e4e0d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:1.5;margin-left:20%;background-color:transparent}.aboutContainer .about__text .text__small{font-size:clamp(12px,3.5vw,17px);margin-top:4rem;font-weight:100}.aboutContainer .about__text .text__small .text__link{font-weight:400;text-decoration:underline;color:#000}.aboutContainer .about__text .text__large{font-size:clamp(40px,6vw,95px);font-weight:700;-webkit-text-stroke:1px #e4e0d9;color:transparent}@media screen and (max-width:768px){.aboutContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:calc(80px + 2rem)}.aboutContainer .about__picture{position:static}.aboutContainer .about__text{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;width:100%;padding:2rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.aboutContainer .about__text .text__small{margin-top:2rem}.aboutContainer .about__text .text__large{margin:0 0 1rem}}.experiencesContainer{background-color:transparent}.experiencesContainer .experiences__background{background-color:#877da3;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.experiencesContainer .experiences__text{margin:calc(80px + 4rem) 0;color:#e4e0d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;width:100%}.experiencesContainer .experiences__text .text__large{font-size:clamp(40px,6vw,95px);font-weight:700;-webkit-text-stroke:1px #e4e0d9;color:transparent;text-align:center}.experiencesContainer .experiences__text .timeline{margin-top:4rem;width:80%;color:#000;line-height:1.5}.experiencesContainer .experiences__text .timeline .card__title{font-size:clamp(12px,1.3vw,16px);font-weight:700;text-transform:uppercase}.experiencesContainer .experiences__text .timeline .card__subtitle{font-size:clamp(12px,1.3vw,15px);font-weight:300}.experiencesContainer .experiences__text .timeline .card__content{font-size:clamp(12px,1.3vw,15px);font-weight:400;list-style:inside}@media screen and (max-width:768px){.experiencesContainer .experiences__text .timeline{width:100%}}.skillsContainer{background-color:transparent}.skillsContainer .skills__background{background-color:#5e827d;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.skillsContainer .skills__curtain{background-color:#5e827d;height:100vh;width:100vw;position:fixed;top:0;opacity:0}.skillsContainer .skills__container{margin-top:calc(80px + 4rem);color:#e4e0d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;width:100%}.skillsContainer .skills__container .text__medium{font-size:clamp(12px,3.5vw,17px);margin-top:4rem;font-weight:100}.skillsContainer .skills__container .text__large{font-size:clamp(40px,6vw,95px);font-weight:700;-webkit-text-stroke:1px #e4e0d9;color:transparent;text-align:center;z-index:2}.skillsContainer .skills__container .text__skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.skillsContainer .skills__container .text__skills .text__skill{margin:4rem 3rem 2rem;text-align:center;background-color:transparent}.skillsContainer .skills__container .text__skills .text__logo{width:10vw;height:10vw;max-width:300px;min-width:80px;min-height:80px}.skillsContainer .skills__container .text__skills .description__container{overflow:hidden}.skillsContainer .skills__container .text__skills .description__container .text__description{color:#e4e0d9;margin-top:.5rem;font-size:clamp(12px,3.5vw,21px);font-family:Roboto Slab,serif;font-weight:200}@media screen and (max-width:768px){.skillsContainer .skills__container .text__skills{margin-top:4rem}.skillsContainer .skills__container .text__skills .text__skill{margin:2rem}}.projectsContainer{background-color:transparent}.projectsContainer .projects__background{background-color:#8ca0cf;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.projectsContainer .projects__container{margin-top:calc(80px + 2rem);color:#e4e0d9;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;width:120vw;height:calc(100vh - 112px)}.projectsContainer .projects__container .projects__content{width:100%}.projectsContainer .projects__container .projects__content .content__pictures{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;cursor:-webkit-grab;cursor:grab;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:calc(100% - 50px)}.projectsContainer .projects__container .projects__content .content__pictures .content__picture{margin:0 1rem;background-repeat:no-repeat;background-size:cover;z-index:-1;width:22.66vw;min-width:300px;max-width:640px}.projectsContainer .projects__container .projects__content .content__pictures .content__picture,.projectsContainer .projects__container .projects__content .content__pictures .content__picture .content__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projectsContainer .projects__container .projects__content .content__pictures .content__picture .content__title{text-align:center}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--curtain{position:fixed;background-color:#000;opacity:.7;z-index:0;width:22.66vw;min-width:300px;max-width:640px;height:100%;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint{position:absolute;background-color:rgba(204,197,183,.93725);color:#000;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;list-style:inside;text-align:left;padding:4rem;line-height:1.3;width:22.66vw;min-width:300px;max-width:640px;height:100%;overflow-y:auto}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint .content__description{margin-top:auto}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint .content__description .content__subtitle{font-size:clamp(16px,1.3vw,20px);font-weight:700;text-transform:uppercase}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint .content__description .content__context{font-size:clamp(12px,1.3vw,16px);font-weight:300}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint .content__description .content__context .content__link{display:block;text-decoration:underline}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint .content__description .content__text{font-size:clamp(12px,1.3vw,16px);list-style:inside}.projectsContainer .projects__container .projects__content .content__pictures .content__picture .content__button{margin-top:1rem;z-index:1;cursor:pointer;width:3rem;height:3rem}.projectsContainer .projects__container .projects__content .content__pictures .content__picture .content__button--close{-ms-flex-item-align:center;align-self:center;margin-top:auto;font-size:5em}.projectsContainer .projects__container .projects__content .content__pictures .text__medium{z-index:1;font-size:clamp(30px,5vw,56px);font-family:Roboto Slab,serif;font-weight:200}.projectsContainer .projects__container .projects__content .content__slider{width:70%;position:fixed;left:15%}.projectsContainer .projects__container .text__small{font-size:clamp(14px,3.5vw,18px);margin-top:4rem;font-weight:100}.projectsContainer .projects__container .text__large{font-size:clamp(40px,6vw,95px);font-weight:700;-webkit-text-stroke:1px #e4e0d9;color:transparent;text-align:left;margin-left:4rem;width:20%}@media screen and (max-width:768px){.projectsContainer .projects__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projectsContainer .projects__container .projects__content{height:calc(100% - 80px);padding:2rem 0 0 2rem}.projectsContainer .projects__container .projects__content .content__pictures .content__picture--overprint{padding:2rem}.projectsContainer .projects__container .text__large{width:100vw;text-align:center;margin:0}}.contactContainer{background-color:transparent;min-width:100vw}.contactContainer .contact__background{background-color:#e99072;height:320vh;min-height:1800px;width:320vw;min-width:2200px;position:fixed;top:-120vh;left:-120vw;z-index:-11;overflow:hidden}.contactContainer .contact__container{margin-top:calc(80px + 4rem);color:#e4e0d9;background-color:transparent}.contactContainer .contact__container .text__large{font-size:clamp(40px,6vw,95px);font-weight:700;-webkit-text-stroke:1px #e4e0d9;color:transparent;text-align:center}.contactContainer .contact__container .contact__content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contactContainer .contact__container .contact__content .contact__social{margin:4rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:30%;min-width:300px;color:#e4e0d9}.contactContainer .contact__container .contact__content .contact__social .social__category{font-size:clamp(16px,2vw,32px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto Slab,serif}.contactContainer .contact__container .contact__content .contact__social .social__category .social__name{margin-top:1rem;overflow:hidden}.contactContainer .contact__container .contact__content .contact__picture{width:20%;min-width:250px;max-width:400px;border-radius:50%;background:url(../images/4c59abcb649d10f50e1fb9640e1fff63.jpg);background-size:cover;background-position:50%}.contactContainer .contact__container .contact__content .contact__picture:after{content:"";display:block;padding-bottom:100%}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-color:transparent;position:fixed;top:0;right:0;z-index:9;width:100vw}.menu--about{background-color:#4f6492}.menu--experiences{background-color:#877da3}.menu--skills{background-color:#5e827d}.menu--projects{background-color:#8ca0cf}.menu--contact{background-color:#e99072}.menu .navbar{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1.5rem;margin-top:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-transform:uppercase;color:#000}.menu .navbar__item{font-size:clamp(12px,1.3vw,16px);font-weight:100}.menu .navbar__item a{padding:.5rem 0;margin:0 1rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(#000,#000);background-size:0 .1em;background-position-x:100%;background-position-y:100%;background-repeat:no-repeat;-webkit-transition:background-size .2s ease-in-out;transition:background-size .2s ease-in-out}.menu .navbar__item a.active,.menu .navbar__item a:hover{background-size:100% .1em;background-position-x:0}.burgerButton{z-index:10}.burgerButton__close{position:fixed;top:24px;right:24px;width:2.5em;height:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;z-index:9}.burgerButton__close span:first-of-type{left:62%;-webkit-transform-origin:left center;transform-origin:left center}.burgerButton__close span:first-of-type,.burgerButton__close span:nth-of-type(2){background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(#000,#000);height:.5px;width:100%;background-position-x:100%;background-position-y:100%;background-repeat:no-repeat;position:absolute;top:20%;display:block}.burgerButton__close span:nth-of-type(2){right:61%;-webkit-transform-origin:right center;transform-origin:right center}.burgerButton__open{position:fixed;top:24px;right:24px;width:2.5em;height:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;z-index:9}.burgerButton__open span:first-of-type{-webkit-transform-origin:left center;transform-origin:left center}.burgerButton__open span:first-of-type,.burgerButton__open span:nth-of-type(2){background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(#000,#000);height:1px;width:100%;background-position-x:100%;background-position-y:100%;background-repeat:no-repeat;top:20%;display:block}.burgerButton__open span:nth-of-type(2){-webkit-transform-origin:right center;transform-origin:right center}.burgerButton__open span:nth-of-type(3){background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(#000,#000);height:1px;width:100%;background-position-x:100%;background-position-y:100%;background-repeat:no-repeat;top:20%;display:block;-webkit-transform-origin:left center;transform-origin:left center}.burgerMenu{position:fixed;top:0;left:0;z-index:-13;width:100vw;height:100vh;color:#000;overflow-y:scroll}.burgerMenu,.burgerMenu .burgerNavbar{display:-webkit-box;display:-ms-flexbox;display:flex}.burgerMenu .burgerNavbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem;margin-top:1rem;text-transform:uppercase}.burgerMenu .burgerNavbar__item{font-size:clamp(20px,4vw,40px);font-weight:100;margin-top:2rem}.burgerMenu .burgerNavbar__item a{padding:.5rem 0;margin:0 1rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(#000,#000);background-size:0 .1em;background-position-x:100%;background-position-y:100%;background-repeat:no-repeat;-webkit-transition:background-size .2s ease-in-out;transition:background-size .2s ease-in-out}.burgerMenu .burgerNavbar__item a.active,.burgerMenu .burgerNavbar__item a:hover{background-size:100% .1em;background-position-x:0}.home{width:100vw;height:100vh;max-height:100vh;max-width:100vw;overflow-y:auto;overflow-x:hidden;position:absolute;background-color:#e4e0d9;z-index:-14}.home--about{background-color:#4f6492}.home--experiences{background-color:#877da3}.home--skills{background-color:#5e827d}.home--projects{background-color:#8ca0cf}.home--contact{background-color:#e99072}