#app{width:100%;margin:0 auto;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.header{position:sticky;top:0;background-color:#2f6094;color:#fff;padding:10px 0;z-index:100}#titre{font-size:200%}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1%}.nav-links{list-style:none;display:flex;gap:20px;padding:0;margin:0}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.nav-links a:hover{text-decoration:underline}* a{color:#27b7c7;text-decoration:none}* a:hover{color:#0688af;text-decoration:underline}p:not(footer .conteneur p):not(.entete p):not(.branding p){color:#666;margin-bottom:1rem}.contenu-intro p{text-align:justify}h2{margin-bottom:1.5rem;color:#2c3e50}h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.branding h1 a{color:#27b7c7;text-decoration:none}.branding p{margin:0;font-size:.9em;color:#fff}section{text-align:center;margin:0 auto}section:nth-child(2n){background-color:#f9f9f9}section:nth-child(odd){background-color:#fff}.entete{max-width:20%;padding:0 2rem}.entete p{color:#fff}.contenu-intro,.conteneur,.contenu-projets,.projet-contenu-images,.contenu-competences{margin:0 auto;padding:0 2rem}.conteneur,.contenu-projets,.projet-contenu-images,.contenu-competences{max-width:65%}.contenu-intro{max-width:35%}.intro,.biographie,.future{display:flex;align-items:center;padding:4rem 0}.intro{background:linear-gradient(-45deg,#bef0ff,#d1d6db,#cbdef0,#bde0ff);background-size:200% 200%;height:90vh}.projets{padding:4rem 0}.contenu-projets{max-width:55%}.projet-grid,.competences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem}.competences-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.projet-card,.projet-images,.competence-card{border-radius:15px;box-shadow:0 10px 20px #00000014;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #eaeaea}.projet-card p{text-align:center}.projet-images{padding:0;max-height:200px}.projet-images img{width:100%;height:100%}.projet-card:hover,.projet-images:hover{transform:scale(1.04);box-shadow:10px 5px 5px #00000054}.projet-card a img:hover,.social-link-img:hover{transform:scale(1.3)}.projet-liens a{padding:12px 24px;border-radius:50px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease;z-index:1}.competences{padding:4rem 0}.contact{padding:4rem 0;text-align:center}footer{font-size:.8rem;background-color:#2c3e50;color:#fff;text-align:center;padding:1rem 0}footer .containter{color:#fff}.social-links a,.competences .conteneur p a,.entete h1 a,.projet-liens a{text-decoration:none}.social-links{margin-top:2rem;display:flex}.social-links a{margin:0 1rem}.social-links div a img{max-height:80px}.portrait{width:45%;border-radius:50%}.contenu-intro img{width:35%}.projet-card a img{width:90px}@media (max-width:1820px){#accueil,.projets-grid{flex-direction:column;grid-template-columns:1fr}.portrait{display:none;width:5%;max-height:2%}.intro{height:100%}.conteneur{flex-direction:column!important;padding:20px}.contenu-intro{max-width:98%;max-height:100%}.contenu-intro p{font-size:1.2rem}.contenu-intro h1,.contenu-intro h2{font-size:2.2rem}.entete{max-width:100%}.entete h1{font-size:3rem}.entete p,.biographie .conteneur h2,.future .conteneur h2,.projet-card h3,.contenu-projets h2{font-size:2.2rem}.biographie .conteneur p,.future .conteneur p,footer .conteneur p,.projet-card p,.projet-card a{font-size:1.6rem}.contact .conteneur h2{font-size:2.6rem}.contact .conteneur p,.social-links a{font-size:1.6rem}}