:root{--font-main: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}html{font-family:var(--font-main);scroll-behavior:smooth;background-color:#e2e1df}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root{padding:1rem}}.name-container{height:100vh;display:flex;align-items:center;justify-content:center;gap:4rem}.first-name,.last-name{font-size:12.5rem}.last-name{text-decoration:underline;text-decoration-thickness:.3rem;text-underline-offset:10px}@media (max-width: 768px){.name-container{flex-direction:column;gap:0}.first-name,.last-name{font-size:4.5rem}}.navbar{position:fixed;top:0;right:0;width:50%;padding:2rem;display:flex;justify-content:flex-end;gap:2rem;z-index:1000;font-size:1.5rem}.navbar a{text-decoration:none;color:inherit;transition:color .5s ease}.navbar a:hover{text-decoration:underline;text-underline-offset:10px}.hamburger{display:none;position:fixed;top:1.25rem;right:1.25rem;z-index:1002;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;transition:transform .35s ease}.hamburger--open{transform:rotate(90deg)}.hamburger span{display:block;width:25px;height:2px;background-color:#000;transition:background-color .2s ease}.nav-drawer{position:fixed;top:0;right:0;height:100vh;width:65vw;max-width:280px;background-color:#e2e1df;z-index:1001;display:flex;flex-direction:column;justify-content:center;padding:2rem 2.5rem;gap:2rem;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000001a}.nav-drawer--open{transform:translate(0)}.nav-drawer a{text-decoration:none;color:inherit;font-size:1.4rem;display:flex;align-items:baseline;gap:.75rem;padding-bottom:.4rem;border-bottom:1px solid transparent;transition:border-color .25s ease}.nav-drawer a:hover{border-bottom-color:currentColor}.nav-drawer__index{font-size:.7rem;opacity:.4;letter-spacing:.05em}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1000}@media (max-width: 768px){.navbar{display:none}.hamburger{display:flex}}#about{font-size:3.5rem}.intro{font-size:1.2rem;margin:5px}@media (max-width: 768px){#about{font-size:2.5rem}.intro{font-size:1rem}}#skills{font-size:3.5rem}.skills-subtitle{font-size:1.5rem}.languages-icon-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0}.languages-icon-container img{height:50px;width:auto;transition:transform .2s ease-in-out}.languages-icon-container img:hover{transform:scale(1.1)}.scale-up-sm-lang{transform:scale(1.5)}.languages-icon-container .scale-up-sm-lang:hover{transform:scale(1.8)}.frameworks-icon-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0}.frameworks-icon-container img{height:50px;width:auto;transition:transform .2s ease-in-out}.frameworks-icon-container img:hover{transform:scale(1.1)}.scale-up-sm-fw{transform:scale(1.2)}.frameworks-icon-container .scale-up-sm-fw:hover{transform:scale(1.3)}.tools-icon-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0}.tools-icon-container img{height:50px;width:auto;transition:transform .2s ease-in-out}.tools-icon-container img:hover,.scale-up-sm-tool{transform:scale(1.1)}.tools-icon-container .scale-up-sm-tool:hover{transform:scale(1.2)}.libraries-icon-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0}.libraries-icon-container img{height:50px;width:auto;transition:transform .2s ease-in-out;transform:scale(1.1)}.libraries-icon-container img:hover{transform:scale(1.2)}@media (max-width: 768px){#skills{font-size:2.5rem}.languages-icon-container,.frameworks-icon-container,.tools-icon-container,.libraries-icon-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.languages-icon-container a,.frameworks-icon-container a,.tools-icon-container a,.libraries-icon-container a{width:calc(25% - 1.125rem);display:flex;justify-content:center;align-items:center}}.project-card-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:3rem 0;padding:2rem 0;border-bottom:1px solid #ccc;flex-wrap:wrap}.project-container{flex:1;min-width:300px}#project-title{font-size:1.5rem}#project-title{text-decoration:underline;text-underline-offset:5px}.project-container p{font-size:1.1rem;margin-bottom:1rem;color:#444}.project-container a{color:#000;text-decoration:none}.project-tech-logos{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.project-tech-logos img{width:40px;height:40px;object-fit:contain}.project-image{flex:1;min-width:300px;display:flex;justify-content:center}.project-image .svg-image{width:100%;max-width:300px;height:auto;border-radius:8px}.project-image .other-image{width:100%;max-width:500px;height:auto;object-fit:contain;border-radius:8px}#projects{font-size:3.5rem}@media (max-width: 768px){#projects{font-size:2.5rem}}.experience-card-container{display:flex;align-items:flex-start;max-width:2000px;margin:50px 250px;gap:200px}.experience-img-container{width:200px;display:flex;align-items:center;justify-content:center;margin:20px 0}.experience-img{max-width:100%;max-height:100%;object-fit:contain}.experience-img-bfe{width:225px;height:auto;object-fit:contain}.experience-img-webot{width:300px;height:auto;object-fit:contain}.experience-item{text-align:left;width:500px}.experience-company{font-size:1.75rem;font-weight:700;margin-bottom:10px}@media (max-width: 768px){.experience-card-container{flex-direction:column;align-items:center;margin:30px 0;gap:1rem}.experience-img-container{width:150px;margin:0}.experience-item{width:100%;text-align:center}}#experience{font-size:3.5rem}@media (max-width: 768px){#experience{font-size:2.5rem}}#contact{font-size:3.5rem}@media (max-width: 768px){#contact{font-size:2.5rem}}.contact-form-container{max-width:500px;margin:0 auto;padding:20px;border-radius:8px}.contact-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.contact-form label{font-size:1.2rem;font-weight:700;text-align:left}input,textarea{font-family:Fira Code,monospace;padding:10px;font-size:1rem;background:transparent;border:none;border-bottom:solid;width:100%;box-sizing:border-box}.contact-form .input-name,.contact-form .input-email,.contact-form .input-title,.contact-form .input-message{margin-bottom:8px}.contact-form .submit-button{font-family:Fira Code,monospace;font-size:1.2rem;font-weight:700;border:none;cursor:pointer;width:auto;align-self:flex-start;text-align:center;padding:10px 0}.submit-button:hover{text-decoration:underline;text-underline-offset:5px}.submit-button:disabled{cursor:not-allowed}.contact-form p{font-size:1rem}.contact-form .successMessage{color:green}.contact-form .failMessage{color:red}.socials-container{position:fixed;display:flex;align-items:center;gap:15px}.icon{width:1.9rem;height:1.9rem}