@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/open-sans-v29-latin-regular.687ef4c3.eot);src:local(""),url(/assets/open-sans-v29-latin-regular.687ef4c3.eot?#iefix) format("embedded-opentype"),url(/assets/open-sans-v29-latin-regular.9434dddc.woff2) format("woff2"),url(/assets/open-sans-v29-latin-regular.49920ee1.woff) format("woff"),url(/assets/open-sans-v29-latin-regular.18b7e49a.ttf) format("truetype"),url(/assets/open-sans-v29-latin-regular.ba5b9f5f.svg#OpenSans) format("svg")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/assets/open-sans-v29-latin-700.8462eb85.eot);src:local(""),url(/assets/open-sans-v29-latin-700.8462eb85.eot?#iefix) format("embedded-opentype"),url(/assets/open-sans-v29-latin-700.e3f25c51.woff2) format("woff2"),url(/assets/open-sans-v29-latin-700.62ef1fc5.woff) format("woff"),url(/assets/open-sans-v29-latin-700.68151e32.ttf) format("truetype"),url(/assets/open-sans-v29-latin-700.b11fff48.svg#OpenSans) format("svg")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:400;src:url(/assets/open-sans-v29-latin-italic.971f77e4.eot);src:local(""),url(/assets/open-sans-v29-latin-italic.971f77e4.eot?#iefix) format("embedded-opentype"),url(/assets/open-sans-v29-latin-italic.73816190.woff2) format("woff2"),url(/assets/open-sans-v29-latin-italic.2106f508.woff) format("woff"),url(/assets/open-sans-v29-latin-italic.bf1e394d.ttf) format("truetype"),url(/assets/open-sans-v29-latin-italic.885b92c0.svg#OpenSans) format("svg")}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:700;src:url(/assets/open-sans-v29-latin-700italic.ef86bc23.eot);src:local(""),url(/assets/open-sans-v29-latin-700italic.ef86bc23.eot?#iefix) format("embedded-opentype"),url(/assets/open-sans-v29-latin-700italic.ba681439.woff2) format("woff2"),url(/assets/open-sans-v29-latin-700italic.f7fed21b.woff) format("woff"),url(/assets/open-sans-v29-latin-700italic.4d90d5dc.ttf) format("truetype"),url(/assets/open-sans-v29-latin-700italic.e0e94961.svg#OpenSans) format("svg")}@font-face{font-family:Material Icons;font-display:block;font-style:normal;font-weight:400;src:url(/assets/MaterialIcons-Regular.e69d687a.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(/assets/MaterialIcons-Regular.5743ed3d.woff2) format("woff2"),url(/assets/MaterialIcons-Regular.11ec382a.woff) format("woff"),url(/assets/MaterialIcons-Regular.29c11fa5.ttf) format("truetype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;background:url(/assets/logo.46506746.svg);background-repeat:no-repeat;background-color:#222;background-attachment:fixed;background-position:center;color:#f7f8f1;margin:0}#modal-background{background-color:#000;width:100vw;height:calc(100vh + 100px);display:block;position:fixed;z-index:9;visibility:hidden;opacity:0;transition:all 1s ease}body.modal #modal-background{visibility:visible;opacity:.6}body.modal{overflow-y:hidden}h1{margin:0}.grecaptcha-badge{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.font__color-identity{color:#f0a021}.font__color-dark-accent{color:#bd4d3b}.font__color-accent{color:#7f837a}.font__color-base{color:#f7f8f1}.font__size-xxl{font-size:4rem;line-height:6rem}.font__size-xl{font-size:3rem;line-height:4.5rem}.font__size-l{font-size:2rem;line-height:3rem}.font__size-ml{font-size:1.5rem;line-height:2.25rem}.font__size-m-project{font-size:1.25rem;line-height:1.8rem}.font__size-m{font-size:1rem;line-height:1.5rem}.font__size-standard{font-size:.8rem;line-height:1.2rem}.font__size-s{font-size:.5rem;line-height:.75rem}@media (min-width: 1024px){.font__size__desktop-xxl{font-size:4rem;line-height:6rem}.font__size__desktop-xl{font-size:3rem;line-height:4.5rem}.font__size__desktop-l{font-size:2rem;line-height:3rem}.font__size__desktop-ml{font-size:1.5rem;line-height:2.25rem}.font__size__desktop-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__desktop-m{font-size:1rem;line-height:1.5rem}.font__size__desktop-standard{font-size:.8rem;line-height:1.2rem}.font__size__desktop-s{font-size:.5rem;line-height:.75rem}}@media (min-width: 480px) and (max-width: 1024px){.font__size__tablet-xxl{font-size:4rem;line-height:6rem}.font__size__tablet-xl{font-size:3rem;line-height:4.5rem}.font__size__tablet-l{font-size:2rem;line-height:3rem}.font__size__tablet-ml{font-size:1.5rem;line-height:2.25rem}.font__size__tablet-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__tablet-m{font-size:1rem;line-height:1.5rem}.font__size__tablet-standard{font-size:.8rem;line-height:1.2rem}.font__size__tablet-s{font-size:.5rem;line-height:.75rem}}@media (max-width: 375px){.font__size__mobile-sm-xxl{font-size:4rem;line-height:6rem}.font__size__mobile-sm-xl{font-size:3rem;line-height:4.5rem}.font__size__mobile-sm-l{font-size:2rem;line-height:3rem}.font__size__mobile-sm-ml{font-size:1.5rem;line-height:2.25rem}.font__size__mobile-sm-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__mobile-sm-m{font-size:1rem;line-height:1.5rem}.font__size__mobile-sm-standard{font-size:.8rem;line-height:1.2rem}.font__size__mobile-sm-s{font-size:.5rem;line-height:.75rem}}@media (max-width: 480px){.font__size__mobile-xxl{font-size:4rem;line-height:6rem}.font__size__mobile-xl{font-size:3rem;line-height:4.5rem}.font__size__mobile-l{font-size:2rem;line-height:3rem}.font__size__mobile-ml{font-size:1.5rem;line-height:2.25rem}.font__size__mobile-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__mobile-m{font-size:1rem;line-height:1.5rem}.font__size__mobile-standard{font-size:.8rem;line-height:1.2rem}.font__size__mobile-s{font-size:.5rem;line-height:.75rem}}@media (max-width: 1023px){.font__size__lt-desktop-xxl{font-size:4rem;line-height:6rem}.font__size__lt-desktop-xl{font-size:3rem;line-height:4.5rem}.font__size__lt-desktop-l{font-size:2rem;line-height:3rem}.font__size__lt-desktop-ml{font-size:1.5rem;line-height:2.25rem}.font__size__lt-desktop-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__lt-desktop-m{font-size:1rem;line-height:1.5rem}.font__size__lt-desktop-standard{font-size:.8rem;line-height:1.2rem}.font__size__lt-desktop-s{font-size:.5rem;line-height:.75rem}}@media (max-height: 650px){.font__size__short-screen-xxl{font-size:4rem;line-height:6rem}.font__size__short-screen-xl{font-size:3rem;line-height:4.5rem}.font__size__short-screen-l{font-size:2rem;line-height:3rem}.font__size__short-screen-ml{font-size:1.5rem;line-height:2.25rem}.font__size__short-screen-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__short-screen-m{font-size:1rem;line-height:1.5rem}.font__size__short-screen-standard{font-size:.8rem;line-height:1.2rem}.font__size__short-screen-s{font-size:.5rem;line-height:.75rem}}@media (min-width: 1920px){.font__size__desktop-large-xxl{font-size:4rem;line-height:6rem}.font__size__desktop-large-xl{font-size:3rem;line-height:4.5rem}.font__size__desktop-large-l{font-size:2rem;line-height:3rem}.font__size__desktop-large-ml{font-size:1.5rem;line-height:2.25rem}.font__size__desktop-large-m-project{font-size:1.25rem;line-height:1.8rem}.font__size__desktop-large-m{font-size:1rem;line-height:1.5rem}.font__size__desktop-large-standard{font-size:.8rem;line-height:1.2rem}.font__size__desktop-large-s{font-size:.5rem;line-height:.75rem}}.app__anchor{height:50px}.app__full{height:100vh;max-height:100vh}.landing{height:90vh;display:flex;width:100%;align-items:center;text-align:center;flex-direction:column}.landing__title{margin-top:20px}.landing__about{flex:1}.landing__button{justify-self:flex-end;color:#f7f8f1;font-weight:700;background-color:#f0a021;padding:10px;border-radius:50%;text-decoration:none;text-shadow:0 0 8px #111;margin-top:20px;display:flex;align-items:center;justify-content:center;height:40px;width:40px}.landing__button i{font-size:3rem;transition:font-size .5s ease}.landing__button:hover{background-color:#bd4d3b}.landing__button:hover i{font-size:4rem}.landing__button:active{background-color:#bd4d3b}.landing__button:active i{font-size:4rem}.about{display:flex;align-items:center;justify-content:center;margin-top:20px}.about__content{display:flex;word-spacing:-.05em;position:relative;color:#222;background-color:#f7f8f1;border-radius:20px;box-shadow:5px 10px 10px #111;padding:5%}.about__content__location{display:flex;justify-content:center;align-items:center;position:absolute;bottom:5px;right:15px}.about__content__location i{font-size:1rem;margin-right:4px}.about__picture{border-radius:20px;box-shadow:5px 10px 10px #111;width:50%;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(/assets/profile.5955b38b.webp);margin-left:16px;margin-bottom:16px}.no-js .about__picture{background-image:url(/assets/profile.b343c8a6.jpg)}@media (min-width: 480px) and (max-width: 1024px){.about__picture{width:100%}}@media (max-width: 480px){.about__picture{width:200%}}.about__link{text-decoration:none;color:#bd4d3b;font-weight:700}.about__link:hover,.about__link:active{color:#f0a021}.skills{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center}.skills__switch-button{background-color:#7f837a;color:#f7f8f1;border:none;border-radius:30px;padding:5px;width:60px;height:60px;position:absolute;right:10px;top:10px;box-shadow:-1px 1px 10px 3px #111;transition:background-color .3s ease,color .3s ease}@media (max-width: 480px){.skills__switch-button{width:50px;height:50px}}.skills__switch-button i{font-size:50px}@media (max-width: 480px){.skills__switch-button i{font-size:35px}}@media (hover: hover){.skills__switch-button:hover{background-color:#bd4d3b}.skills__switch-button:hover i{text-shadow:-2px 2px 2px #111}}.skills__switch-button:focus{background-color:#bd4d3b}.skills__switch-button:focus i{text-shadow:-2px 2px 2px #111}.skills__switch-button:active{background-color:#bd4d3b;box-shadow:inset 1px 1px 3px #111}.skills__switch-button.active{background-color:#bd4d3b}@media (hover: hover){.skills__switch-button.active:hover{background-color:#7f837a}}.skills__switch-button.active:active{background-color:#7f837a}.skills__switch-button.active:focus{background-color:#7f837a}.skills__content{color:#222;background-color:#f7f8f1;border-radius:30px;padding:20px;box-shadow:5px 10px 10px #111;width:80%;height:80%;position:relative}.skills__content__title{display:flex;align-items:center;justify-content:center;margin-bottom:50px}@media (max-width: 1023px){.skills__content__title{margin-bottom:20px}}@media (min-width: 1024px){.skills__content{min-width:900px;max-width:1600px}}.skills__content__list{overflow-y:auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:20px;transform:rotateX(0)}@media (max-width: 1023px){.skills__content__list{grid-auto-flow:row;grid-auto-rows:1fr}}.skills__content__stats{transform:rotateY(180deg)}.skills__scene{perspective:600px;height:80%}.skills__card{width:100%;height:100%;position:relative;transition:transform 1s;transform-style:preserve-3d}.skills__card.is-flipped{transform:rotateY(180deg)}.skills__card__face{position:absolute;height:100%;width:100%;backface-visibility:hidden}.skill-set{display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-set i{font-size:4rem}@media (max-width: 1023px){.skill-set i{font-size:8rem}}@media (max-height: 650px){.skill-set i{font-size:6rem}}.skill-set__title{display:flex;flex-direction:column;justify-content:space-between;flex:1;margin-right:8px}.skill-set__title__action{color:inherit;border:none;font:inherit;border:2px solid #bd4d3b;border-radius:45px;font-weight:bolder;background-color:#bd4d3b;color:#f7f8f1;transition:background-color .3s ease,color .3s ease}.skill-set__title__action:hover,.skill-set__title__action:active{background:none;color:#bd4d3b}.skill-set__title__action:focus{background:none;color:#bd4d3b}.skill-set__container{background:none;color:inherit;border:none;font:inherit;width:100%;display:flex;align-items:center;justify-content:space-between}.skill-set__list{list-style-type:none;width:100%;padding:0;display:grid;grid-auto-flow:row;grid-auto-rows:min-content;gap:16px;background-color:#f7f8f1;margin:20px 0;display:flex;flex-direction:column}.skill-set__list li:last-child{flex:1;display:flex;align-items:flex-end}@media (max-width: 1023px){.skill-set__list{transition:right 1s ease;visibility:none;height:100%;position:absolute;top:-20px;border:none;gap:2rem;right:100%}}@media (max-width: 1023px) and (max-height: 650px){.skill-set__list{gap:1rem}}@media (max-width: 1023px){.skill-set__list.show{visibility:visible;right:0}}.skill-set__list__close{background:none;width:100%;color:inherit;font:inherit;border:2px solid #7f837a;border-radius:4px;color:#7f837a;font-weight:bolder;background-color:#f7f8f1;transition:background-color .3s ease,color .3s ease}.skill-set__list__close:hover,.skill-set__list__close:active{background-color:#7f837a;color:#f7f8f1}.skill-set__list__close:focus{background-color:#7f837a;color:#f7f8f1}.skill-bar{display:flex;align-items:center;width:100%}.skill-bar__name{margin-right:12px;width:120px}.skill-bar__progress-bar{flex:1;display:flex;align-items:center;height:20px;margin:20px 0;position:relative;background-color:transparent;border-radius:45px;max-width:0;transition:max-width 3s cubic-bezier(0,.21,.38,.91)}#skills-card.is-flipped .skill-bar__progress-bar{max-width:100%}.skill-bar__progress-bar span{width:100%;max-width:0;display:block;border-radius:45px;color:#f7f8f1;text-align:end;background-color:#f0a021;padding-right:10px}.nav{position:fixed;visibility:hidden;top:-200px;transition:visibility 1s ease,top 1s ease;z-index:10}.nav__logo{padding:5px;background:url(/assets/logo.eb24533a.svg);height:70px;width:50px;background-repeat:no-repeat;background-position:center;margin:0 10px;filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4))}@media (max-width: 480px){.nav__logo{height:140px;width:100%;order:2;margin:10px 0}}.nav__button{color:inherit;border:none;font:inherit;background:transparent;opacity:1;border-radius:5px;transition:opacity .4s ease;color:#f0a021;margin:10px}.nav__button:hover{opacity:1}.nav__bar{background-color:#f3b451;box-shadow:0 2px 20px #111}@media (min-width: 480px){.nav__bar{display:grid;justify-content:center;align-items:center;grid-template-columns:20% minmax(300px,700px) 20%;width:100vw;height:80px}}@media (max-width: 480px){.nav__bar{transition:visibility 1s ease,left 1s ease;display:grid;grid-template-rows:1fr auto;visibility:hidden;position:fixed;overflow:hidden;top:0;left:-200px;height:100vh;width:150px;box-shadow:2px 0 20px #111}.nav__bar.show{visibility:visible;left:0}}.nav__list{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}@media (max-width: 480px){.nav__list{display:grid;justify-content:normal;grid-auto-flow:row;grid-auto-rows:50px;gap:10px;margin-top:100px;padding-left:10px}}.nav__list a{text-shadow:1px 1px 1px #222;text-decoration:none;color:#f7f8f1!important;font-size:2rem}@media (min-width: 480px) and (max-width: 1024px){.nav__list a{font-size:1.5rem}}.nav__list a:active{text-shadow:none}.nav__list a:visited{color:inherit}.nav__list__close{position:absolute;top:0;right:0;margin:10px;padding:0;border:none;background-color:transparent;color:#7f837a}.show-nav{visibility:visible;top:0}.footer{background-color:#111;color:#000;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.footer__content{margin-top:2rem;flex:1;max-width:700px;width:90%}.footer__links{margin:10px}.contact-form{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.contact-form__email{margin-top:12px;font-family:Open Sans,sans-serif;width:100%;height:30px;border-radius:10px;padding:5px;border:none}.contact-form__message{margin-top:12px;font-family:Open Sans,sans-serif;width:100%;height:150px;border-radius:10px;padding:5px;border:none}.contact-form__button{margin-top:12px;background-color:#f0a021;width:150px;height:50px;border-radius:20px;border:none}.contact-form__button:hover{background-color:#f7f8f1}.footer-links{display:flex;flex-wrap:wrap}.footer-links a{color:#f0a021}.footer-links a:hover{color:#f7f8f1}.footer-links a svg{width:60px;height:60px}.projects{list-style:none;padding:48px;display:flex;max-width:1700px;flex-wrap:wrap;margin-left:-16px;margin-bottom:-16px;justify-content:center}@media (max-width: 480px){.projects{padding:16px}}.projects__wrapper{display:flex;justify-content:center;align-items:center}.project{background-color:#f7f8f1;position:relative;color:#000;border-radius:15px;display:flex;flex-direction:column;margin-left:24px;margin-bottom:84px;min-height:450px;padding:24px;width:350px;box-shadow:0 10px 12px 1px #111}@media (max-width: 1023px){.project{width:300px}}@media (max-width: 375px){.project{width:250px;padding:12px}}.project:hover .project__cover{visibility:visible;opacity:1}.project:hover .project__description{left:0}.project:hover .project__picture{top:0;width:100%;height:100%}.project:focus-within .project__cover{visibility:visible;opacity:1}.project:focus-within .project__description{left:0}.project:focus-within .project__picture{top:0;width:100%;height:100%}.project__title{padding:8px;margin-top:180px}.project__title h3{margin:0}.project__view-more{padding:6px;font-weight:700;width:fit-content;color:#bd4d3b;border-radius:10px;border:4px solid #bd4d3b}@media (max-width: 480px){.project__view-more{border:2px solid #bd4d3b}}.project__view-more:hover{background-color:#bd4d3b;color:#f7f8f1}.project__view-more:focus{background-color:#bd4d3b;color:#f7f8f1}.project__cover{overflow:hidden;position:absolute;top:0;left:0;background-color:#222c;width:100%;height:100%;border-radius:15px;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility .3s ease-in}.project__description{position:absolute;width:100%;height:100%;left:-100%;top:0;transition:left .5s ease-in;transition-delay:.3s;display:flex;flex-direction:column}.project__description__text{padding:24px;flex:1}.project__description__button{text-decoration:none;color:#f7f8f1;font-weight:700;align-self:center;padding:8px;border-radius:10px;border:4px solid #f7f8f1;margin:10px}.project__description__button:hover{background-color:#f7f8f1;color:#7f837a}.project__description__button:focus{background-color:#f7f8f1;color:#7f837a}.project__picture{border-radius:15px;width:85%;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:-50px;height:250px;object-fit:cover;transition:top .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out}.project__tags{margin-top:auto;list-style:none;display:flex;flex-wrap:wrap;margin-left:-8px;margin-bottom:-8px;padding:8px}.project__tags li{padding:12px;background-color:#7f837a;border-radius:15px;color:#f7f8f1;margin-left:8px;margin-bottom:8px;font-weight:700}.policy{position:fixed;bottom:0;background-color:#111;color:#f7f8f1;padding:8px}.policy a{color:#f0a021}.policy__button{margin-left:12px;background-color:#f7f8f1;color:#111;border-radius:5px;border:none}@media (min-width: 1024px){.hide-desktop{display:none}}@media (max-width: 1023px){.hide-lt-desktop{display:none}}@media (min-width: 480px) and (max-width: 1024px){.hide-tablet{display:none}}@media (min-width: 480px){.hide-lt-tablet{display:none}}@media (min-width: 480px){.hide-gt-mobile{display:none}}@media (max-width: 480px){.hide-mobile{display:none}}