*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:#000;color:#fff}body{font-family:Montserrat,sans-serif}h1{font-family:Aboreto,sans-serif;font-size:50px}h2{font-size:30px;font-weight:500;text-transform:uppercase}h3{font-size:24px;font-weight:500;text-transform:uppercase}h4{font-size:17px;font-weight:400}p{font-size:16px;color:#4a4a4a;font-weight:300;text-align:justify}a{text-decoration:none;color:inherit;font-weight:300}ul{list-style:none;padding:0;margin:0}.subtitle{font-size:24px;font-weight:300}.legal-notice-container{display:flex;flex-direction:column;gap:20px;padding:20px}.legal-notice-section{display:flex;flex-direction:column;gap:10px}.container{display:flex;height:100vh;width:100vw;overflow:hidden}.left-container{display:flex;flex-direction:column;height:100vh;width:30vw;padding-left:10%;padding-top:5%;position:fixed;background-color:#fff}.portfolio-title{margin-top:25%}.right-container{scroll-behavior:smooth;overflow:auto;padding:10% 2%;margin-left:30vw;display:flex;flex-direction:column;gap:150px}.section-header{display:flex;flex-direction:column;gap:5px}.bold-text{font-weight:500}@media screen and (max-width: 1000px){.container{flex-direction:column}.left-container{position:fixed;background-color:#fff;width:100vw;height:auto;padding-left:0;padding-top:0;z-index:1000;box-shadow:0 2px 5px #0000000d}.portfolio-title{display:flex;justify-content:center;align-items:center;height:80px;margin-top:0;text-align:center}.right-container{padding:10% 4%;margin-left:0;margin-top:0}.section-title,.subtitle{text-align:center}}.menu-btn,.mobile-menu{display:none}.navbar{position:absolute;top:50%;transform:translateY(-50%);left:auto}.nav-links{display:flex;flex-direction:column;gap:15px;position:relative}.nav-link{color:#4a4a4a;position:relative;padding-left:40px;text-decoration:none;display:flex;align-items:center}.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:1px;background-color:#4a4a4a;transition:all .4s ease-in-out;border-radius:2px}.nav-link.active{color:#000;font-weight:500}.nav-link.active:before{width:30px;background-color:#000}@media screen and (max-width: 1000px){.navbar{display:none}.menu-btn{display:block;position:absolute;top:27px;left:27px;background:none;border:none;cursor:pointer;z-index:1000}.mobile-menu{display:block;position:fixed;top:0;left:-100%;width:100vw;height:100vh;background:#fff;padding-top:60px;transition:left .2s ease-in-out;z-index:100;display:flex;justify-content:center;align-items:center}.mobile-menu.open{left:0}}.about-me-container{display:flex;flex-direction:column;gap:15px;width:100%;position:relative;padding-top:200px}.about-me-header{display:flex;flex-direction:column;gap:5px}.profile-description{width:75%}@media screen and (max-width: 1000px){.navbar{display:none}.about-me-container{justify-content:center;align-items:center;padding-top:100px}.profile-description{width:100%}}.skill-card-container{display:flex;flex-direction:column;gap:15px;background-color:#fff;border-radius:10px;width:350px;height:180px;padding:20px;box-shadow:0 0 30px #00000014}.skill-card-header{display:flex;flex-direction:row;gap:15px;width:100%;justify-content:center;align-items:center}.skill-card-header img{width:48px;height:48px;object-fit:contain}.skills-container{display:flex;flex-direction:column;gap:30px}.skills-cards-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.contact-container{display:flex;flex-direction:column;gap:100px;padding-bottom:100px}.contact-header{display:flex;flex-direction:column;gap:5px}.contact-infos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.info-container{display:flex;gap:5px;flex-direction:row;align-items:center}.experiences-container{display:flex;flex-direction:column;gap:30px;position:relative}.experiences-cards-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;border-left:3px solid #EFEFEF;padding-left:20px}@media screen and (max-width: 1000px){.experiences-cards-container{padding-left:0;border-left:none}}.experience-card-container{display:flex;background-color:#fff;border-radius:10px;padding:20px;width:100%;position:relative;box-shadow:0 0 30px #00000014}.experience-card-container:before{content:"";position:absolute;left:-31.5px;top:-4px;width:20px;height:20px;background-color:#efefef;border-radius:50%}.experience-card-container:after{content:"";position:absolute;left:-24.5px;top:3px;width:6px;height:6px;background-color:#fff;border-radius:50%}.experience-date-container{width:150px;flex-shrink:0}.experience-description-container{display:flex;flex-direction:column;gap:10px}.experience-skills-container{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width: 1000px){.experience-card-container{flex-direction:column;align-items:center;text-align:center}.experience-date-container{width:auto;margin-bottom:10px}.experience-skills-container{justify-content:center}.experience-card-container:before,.experience-card-container:after{display:none}}.skill-chip-container{background-color:#efefef;border-radius:50px;padding:5px 10px;font-weight:400}.projects-container{display:flex;flex-direction:column;gap:30px}.project-cards-container{display:flex;flex-direction:column;gap:10px}.project-card-container{display:flex;flex-direction:row;gap:20px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 30px #00000014}.project-image{width:100%;max-width:400px;height:auto;object-fit:cover;border-radius:6px}.project-information-container{display:flex;flex-direction:column;gap:20px;justify-content:center}.project-information-container h3{text-align:center}.project-skills-container{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width: 1200px){.project-card-container{flex-direction:column;align-items:center;text-align:center;gap:30px}.project-image{max-width:100%}.project-skills-container{justify-content:center}}.footer-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.footer-copyright-container{display:flex;align-items:center;gap:5px}.footer-copyright{font-size:14px}.footer-link{font-size:14px;color:#4a4a4a;font-weight:300;text-align:justify}.footer-link:hover{text-decoration:underline}.footer-lang-buttons-container{display:flex;gap:5px}.footer-lang-button{background:none;border:none;cursor:pointer;font-size:14px;color:#4a4a4a;font-weight:300;font-family:Montserrat,sans-serif}.selected{font-weight:500}
