@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);li{margin-right:40%}a{-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none;-user-drag:none;font-family:Playfair Display;font-size:1.5vw;font-weight:700;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.navSectionElement.clicked{color:#91bed4}.navSectionElement:hover{color:#91bed3}.navSectionElement{color:#fff;display:inline-block;position:relative;text-decoration:none}.navSectionElement:after{background:none repeat scroll 0 0 #0000;background:#91bed3;bottom:0;content:"";display:block;height:2px;transition:width .3s ease 0s,left .3s ease 0s;width:0}.navSectionElement.clicked:after{left:0;width:100%}:root{--font-size:1rem}.light-mode{--navbar-color:#222;--navbar-bg-color:#f0f0f0}.dark-mode{--navbar-color:#fff}.dark-mode.show-nav,body.home .dark-mode{--navbar-color:#000}.header{left:0;top:0}.navSection{display:flex;margin:1%}.load_mp{height:auto;width:40%}.logo-png{z-index:-1}ul{display:flex;list-style:none}.content-section{width:50%}.navbar{align-items:center;color:var(--navbar-color);font-size:1.1rem;justify-content:space-between;padding:10px}.navbar,.navbar__links{display:flex}.navbar__link{align-items:center;display:flex;justify-content:center}.navbar__link>a{color:var(--navbar-color);text-decoration:none}.burger,.navbar__links{display:none}@media screen and (orientation:landscape) and (max-width:1000px){.content-section{display:none}.navbar__links{align-items:center;background:var(--home-background);display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .5s ease-in-out;width:100vw}.show-nav .navbar__links{transform:translateX(0);width:100vw}.navbar__link{transform:translateX(101%);transition:all .5s ease-in-out}.show-nav .navbar__link{transform:translateX(0)}.navbar__link>a{color:var(--navbar-color);display:block;font-size:1.6rem;padding:1rem;transition:all .4s ease-in-out}.navbar__link>a:hover{letter-spacing:5px;padding-left:2rem}.burger{background:#0000;border:none;cursor:pointer;display:block;height:45px;padding:0;position:relative;width:45px}.bar{display:block}.bar,.bar:after,.bar:before{background:var(--navbar-color);border-radius:3px;height:4px;transition:all .5s ease-in-out;width:45px}.bar:after,.bar:before{content:"";left:0;position:absolute}.bar:before{transform:translateY(-12px)}.bar:after{transform:translateY(12px)}.show-nav .bar{background:#0000;width:0}.show-nav .bar:before{transform:rotate(45deg)}.show-nav .bar:after{transform:rotate(-45deg)}.show-nav .first{transition:all 1s ease-out}.show-nav .second{transition:all 1.1s ease-out}.show-nav .third{transition:all 1.2s ease-out}.show-nav .four{transition:all 1.3s ease-out}.show-nav .fifth{transition:all 1.4s ease-out}.navbar__link>a:after{background:var(--navbar-color);content:"";display:block;height:1px;justify-content:center;transition:width .4s;width:0}.navbar__link:hover>a:after{width:100%}}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:900px){.content-section{display:none}.navbar{display:flex;justify-content:flex-end;width:80%}.navbar__links{align-items:center;background:var(--home-background);display:inline-block;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .5s ease-in-out;width:100vw}.show-nav .navbar__links{transform:translateX(0);width:100vw}.navbar__link{transform:translateX(100%);transition:all .5s ease-in-out}.show-nav .navbar__link{transform:translateX(20vw)}.navbar__link>a{color:var(--navbar-color);font-size:1.6rem;padding:1rem;transition:all .4s ease-in-out}.navbar__link>a:hover{letter-spacing:5px;padding-left:2rem}.burger{background:#0000;border:none;cursor:pointer;display:block;height:45px;padding:0;position:relative;width:45px}.bar{display:block}.bar,.bar:after,.bar:before{background:var(--navbar-color);border-radius:3px;height:4px;transition:all .5s ease-in-out;width:45px}.bar:after,.bar:before{content:"";left:0;position:absolute}.bar:before{transform:translateY(-12px)}.bar:after{transform:translateY(12px)}.show-nav .bar{background:#0000;width:0}.show-nav .bar:before{transform:rotate(45deg)}.show-nav .bar:after{transform:rotate(-45deg)}.show-nav .first{transition:all 1s ease-out}.show-nav .second{transition:all 1.1s ease-out}.show-nav .third{transition:all 1.2s ease-out}.show-nav .four{transition:all 1.3s ease-out}.show-nav .fifth{transition:all 1.4s ease-out}.navbar__link>a:after{background:var(--navbar-color);content:"";display:block;height:1px;justify-content:center;transition:width .4s;width:0}.navbar__link:hover>a:after{width:100%}}body.home .navSectionElement{color:#333}body.home .navSectionElement.clicked,body.home .navSectionElement:hover{color:#00478c}body.home .navSectionElement:after{background:#00478c}body.home{background-image:linear-gradient(118deg,#a0a2a4 10%,#2b2a2a 77.86%);height:100vh;margin:0;padding:0}.image-home{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;right:0;top:10vh;width:60%}.image-home img{width:100%}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:900px){.burger{display:block}li{display:none}.image-home{align-items:center;justify-content:center;left:0;text-align:center;top:55vh;width:100%}}.welcome-text{left:4vw;position:absolute;top:25vh;-webkit-user-select:none;user-select:none;width:40%}.welcome-text-h1{font-family:Playfair Display;font-size:96px;height:6vh;line-height:normal;white-space:nowrap;width:100%}.welcome-text-h1,.welcome-text-h2{color:#000;font-style:normal;font-weight:700}.welcome-text-h2{font-family:Source Sans Pro;font-size:36px;line-height:1.5}@media (max-width:1400px){.welcome-text-h1{font-size:6.5vw}.welcome-text-h2{font-size:2.5vw}}@media (max-width:1100px){.welcome-text-h1{font-size:6vw}.welcome-text-h2{font-size:2vw}}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:850px){.welcome-text{align-items:center;height:20vh;justify-content:center;left:0;text-align:center;top:10vh;width:100%}.welcome-text-h1{font-family:Playfair Display;font-size:14vw;font-style:normal;height:15%;line-height:normal}.welcome-text-h2{font-size:3.5vw}}.logoLink-container{bottom:10vh;left:4vw;position:absolute;width:100%}.logoLink{fill:#00478c;height:"auto";width:6vw}.logoLink:hover{fill:#fff;cursor:pointer}#logo-inside{fill:#fff}.logoLink:hover #instagram,.logoLink:hover #logo-inside,.logoLink:hover #logo-writing{fill:#000}.logoLink:hover #logo-writing{fill:#fff}@media (max-width:1100px){.logoLink-container{bottom:10vh}.logoLink{width:8vw}}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:850px){.logo{margin-left:5%;width:10vh}.logoLink-container{left:0;text-align:center;top:35vh;width:100%}.logoLink{width:20vw}}.skills-canvas{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr;margin-top:30%;padding:12px;position:relative}.container-description-skills{box-sizing:border-box;margin:0 auto;max-width:640px;position:static;width:100%}.category-skills{align-items:center;background:#294e6d;border:1px solid #000;border-radius:8px 8px 0 0;color:#fff;display:flex;font-family:Orbitron,sans-serif;font-size:clamp(16px,2.2vw,20px);font-weight:700;justify-content:space-between;padding:10px 14px}.description-skills-box{background:#d9d9d9;border:1px solid #000;border-radius:0 0 8px 8px;border-top:none}.description-skills{font-family:Orbitron,sans-serif;font-size:clamp(14px,1.8vw,18px);margin-left:5%;padding-top:2%}.chevron-wrapper{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.chevron-wrapper:hover{background-color:#ffffff26;cursor:pointer}@media (min-width:1024px){.skills-canvas{display:block;margin-top:5%;min-height:520px}.container-description-skills{left:var(--x);margin:0;position:absolute;top:var(--y);width:360px}}.competence-button{background-color:#757575;border-radius:10px;color:#fff;display:inline-block;font-family:Source Sans Pro,Courier New,Courier,monospace;font-size:.8rem;font-weight:700;height:15px;padding:5px;text-align:center;white-space:nowrap}@media (max-width:767px){.competence-button{font-size:.5rem;height:10px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.competence-button{font-size:.5rem}}.button-link{border:none;cursor:pointer;display:inline-block;font-family:Source Sans Pro;font-size:.8rem;font-weight:700;height:15px;padding:5px;text-align:center;white-space:nowrap}.button-link.code{background-color:gold;border-radius:40%;color:#000}.button-link.view{background-color:#00478c;border-radius:10px;color:#fff}@media (max-width:767px){.button-link{font-size:.5rem;height:10px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.button-link{font-size:.5rem}}.item-image{position:static}.item-load{height:20vh}.item-information{align-items:left;background-color:#78777780;color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.item-title{font-family:Playfair Display;font-size:2rem;margin-bottom:"5px"}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.item-image{height:auto;width:600px}.css-1fzpoyk{height:auto!important}}@media (max-width:767px){.item-image{height:auto;width:300px}.item-load{height:10vh}.css-1fzpoyk{height:auto!important}.css-doq0dk{z-index:0!important}.item-title{font-size:1.7rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp 1s ease-out}.canvas-animation-absolute{height:50vh;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease;width:100%}.canvas-animation-fixed{opacity:1;position:fixed;transition:opacity 1s ease}.carousel{height:50vh;margin-top:10%;overflow:hidden;width:100%}@media (max-width:767px) and (orientation:portrait){.carousel{margin-top:40%}}@media (max-width:767px) and (orientation:landscape){.carousel{margin-top:5%}}.example{align-items:center;display:flex;justify-content:center}label{color:grey}input,label,textarea{font-family:Orbitron,sans-serif;font-size:20px}input,textarea{outline:none;overflow-x:auto;width:100%}button,input,textarea{background:var(--accent);border:none}button{border-radius:50px;cursor:pointer;font-size:18px;font-weight:700;padding:15px;width:100px}.button-send{border-radius:10px;font-family:Orbitron,sans-serif;font-size:20px;margin-bottom:20px;margin-top:20px}.form-container{height:100vh;width:100vw}.contact-box,.form-container{align-items:center;display:flex;justify-content:center}.contact-box{background:var(--blue-MP);border-radius:20px;flex-direction:column;height:75vh;margin:0;width:50vw}.box-input{background:var(--accent);border:2px solid #ccc;border-radius:20px;display:grid;height:15%;margin:20px 0 0;overflow:hidden;padding:10px;transition:border-color .3s linear,box-shadow .3s linear;width:90%}.box-input:focus-within{border-color:#000;border-width:5px}#box-message{grid-template-rows:1fr 5fr;height:50%}#input-message{overflow-y:auto;resize:none}@media screen and (orientation:landscape) and (max-width:1000px){.form-container{align-items:baseline;z-index:3}.contact-box{height:90vh;width:50vw}input,label,textarea{font-size:.5em}.box-input{height:20%;width:80%}#box-message{height:40%;width:80%}.button-send{font-size:11px;padding:10px}.box-input:focus-within{border-width:3px}.button-send{color:#000}}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:900px){.contact-box{height:60vh;width:80vw}input,label,textarea{font-size:11px}.box-input{height:20%;width:80%}#box-message{height:80%;width:80%}.button-send{font-size:11px;padding:10px}#input-message{height:100%}.box-input:focus-within{border-width:3px}.button-send{color:#000}}.header{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;position:fixed;width:100%;z-index:1}.header:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}body.home .header:before{background-image:linear-gradient(118deg,#ede0c8 10%,#fcf6ee 77.86%)}body.work .header:before{background-image:linear-gradient(118deg,#a0a2a4 10%,#2b2a2a 77.86%)}.color-transition:before{opacity:1;transition:opacity .5s linear}#transition_color{height:100%;position:fixed;width:100%}.load_icone{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.load_icone.small{left:0;position:absolute;top:0;transform:translateY(-40%);width:20%}#header{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.logo-png{opacity:0;position:absolute;width:30%}@keyframes moveUpLeft{0%{transform:translate(0) scale(1.3)}to{transform:translateX(-40vw) translateY(-40vh) scale(100%);width:20vh}}@media screen and (max-aspect-ratio:1/1) and (max-aspect-ratio:8/5) and (max-width:850px){@keyframes moveUpLeft{0%{transform:translate(0) scale(1)}to{transform:translateX(-37vw) translateY(-44vh) scale(100%);width:10vh}}.logo-png{opacity:0;position:absolute;width:50%}}.logo-png.move{animation:moveUpLeft 1s forwards}.content-section{opacity:0;transition:opacity .5s ease-in-out}.content-section.active{opacity:1}.no-transition{transition:none}body{--congress-blue:#00478c;--half-baked:#91bed4;--home-background:linear-gradient(118deg,#efd3aa 10%,#fcf6ee 77.86%);--about-background:linear-gradient(243.3deg,#02135d,#0d2842);--blue-MP:#457399;--grey-MP:#c4c6c8;--accent:#fafafa;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none}.hidden{display:none}