:root{--main-font-family: "Arial";--primary-bg-color: rgb(35, 38, 39);--primary-headers-color: #2a3a4b;--primary-text-color: rgb(232, 230, 227);--primary-link-color: rgb(160, 183, 190);--primary-hover-color: #aaa;--h1-color: var(--h3-color);--h2-color: #a6bcce;--h3-color: #e8e6e3;--border-color: #eaeaea;--box-shadow-color: rgba(229, 226, 226, .08)}#app{width:100%;margin:0 auto;font-weight:400;background-color:var(--primary-bg-color)}html{overscroll-behavior-y:none;scroll-behavior:smooth}*{margin:0;box-sizing:border-box}body{font-family:var(--main-font-family),sans-serif;line-height:1.6}.header{position:sticky;top:0;background-color:var(--primary-headers-color);color:var(--primary-text-color);padding:10px 0;z-index:100}footer{position:static;bottom:0;width:100%;padding:1rem 0;font-size:.8rem;text-align:center;background-color:var(--primary-headers-color);color:var(--primary-font-color)}footer ul li{color:#fff;list-style-type:none}.nav{display:flex;justify-content:space-between;align-items:center;max-width:75%;margin:0 auto}.nav-links{list-style:none;display:flex;gap:20px}p:not(.branding p):not(footer .conteneur p){color:var(--primary-text-color);margin-bottom:1rem}.intro-content p{text-align:justify}h2{margin-bottom:1.5rem;color:var(--h2-color)}h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700;color:var(--h3-color)}.branding *,.entete p{color:#fff}section{text-align:center;margin:0 auto}.intro-content,.conteneur,.projects-content,.project-content-image,.skills-content,.entete{margin:0 auto;padding:0 2rem}.conteneur,.projects-content,.project-content-image,.skills-content{max-width:70%}.conteneur-portrait{position:relative;right:18%;width:28%}.entete{max-width:20%}.intro-content{width:35%}.intro,.biographie,.future{display:flex;align-items:center}.intro,.biographie,.future,.projects{padding:4rem 0}.project-grid,.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.8rem}.project-card,.project-image,.skill-card,.error{align-content:center;position:relative;overflow:hidden;box-shadow:0 10px 20px var(--box-shadow-color);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem;transition:all .3s ease}.project-card{height:100%}.project-card h1{color:var(--h1-color)}.project-image{padding:0;max-height:200px}.project-image img{width:100%;height:100%}.project-card:hover,.project-image:hover,.skill-card:hover,.project-card a img:hover,.link-img a img:hover,.skill-card a img:hover{transform:scale(1.04)}.project-card:hover,.project-image:hover,.skill-card:hover{box-shadow:40% var(--box-shadow-color)}.project-links a{text-transform:uppercase}.contact,.skills{padding:4rem 0}a,.project-links a{color:var(--primary-link-color);text-decoration:none}* a:hover,.branding h1 a:hover{color:var(--primary-hover-color);transition:all .3s ease-out,color .3s}.social-links a,.skills .conteneur p a,.entete h1 a{text-decoration:none}.social-links{display:flex;margin-top:2rem;justify-content:center}.social-links a{margin:0 1rem}.social-links div a img,.project-links div a img{max-height:80px}.portrait{border-radius:50%;width:40%}.intro-content img{width:35%}.project-card a img,.skill-card a img{width:90px}.archives{display:flex;flex-direction:column;width:30%}.fieldset-archives ul li{margin:6%;list-style-type:none}.error{margin:19%;text-align:center}.error h1{color:var(--primary-text-color)}@media(max-width:1080px){#accueil,.projects-grid{flex-direction:column;grid-template-columns:1fr}.intro{height:100%}.conteneur{flex-direction:column!important;padding:20px}.intro-content{max-width:98%}.intro-content p{font-size:1.2rem}.intro-content h1,.intro-content h2{font-size:2.2rem}.entete{max-width:100%}.entete h1{font-size:3rem}.biographie .conteneur h2,.future .conteneur h2,.project-card h3,.projects-content h2,.entete p{font-size:2.2rem}.biographie .conteneur p,.future .conteneur p,footer .conteneur p,.project-card p,.project-card a,.contact .conteneur p,.social-links a{font-size:1.6rem}.contact .conteneur h2{font-size:2.6rem}}