@import"https://fonts.googleapis.com/css2?family=Turret+Road:wght@200;300;400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";:root{--color-bg: #252526;--color-bg-second: #1e1e1e;--color-primaire: #9c95da;--color-second: #ffaf9c;--color-border: #2c2c2c;--font-title-large: "Oswald", serif;font-family:Jura,serif;font-weight:200;color:#fff}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{background-color:var(--color-bg);margin:0 auto}main{width:75vw;margin:0 auto;min-height:85vh}a{text-decoration:none;color:inherit}.navLatOutlet{display:flex;flex-direction:row}h1,h2,h3{font-family:Oswald,serif;font-size:2.4rem;color:#fff;font-weight:500;text-align:left}h1 span,h2 span,h3 span{font-weight:700;font-family:Turret Road,serif;color:var(--color-primaire)}button,.headerButton>a:first-of-type{background:var(--color-primaire);font-family:Jura,serif;max-width:35vw;font-weight:600;color:#1f1313;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;font-size:.99rem;padding:.4rem .6rem}.buttonNotFill{background:none;font-weight:700;padding:.4rem .6rem;color:var(--color-primaire);border:1px solid var(--color-primaire);display:flex;align-self:center;justify-self:center}button:hover{background:linear-gradient(135deg,var(--color-primaire),#3d3586);color:#fff;box-shadow:0 6px 15px #0003}@media (min-width: 768px){main{width:70vw;margin:0 auto}}.burger-menu{display:flex;flex-direction:column;align-items:center}.burger-icon{cursor:pointer;justify-content:center;display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px}.line{background-color:var(--color-second);height:2px;width:100%;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.line.open:nth-child(1){transform:translateY(10px) rotate(45deg)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:translateY(-15px) rotate(-45deg)}.menu{display:none;flex-direction:column;justify-content:center;border-right:2px solid var(--color-border);overflow:hidden;transition:all 1s ease-out;top:0%}.menu.show{display:flex;gap:3rem;height:100%;width:70%;margin-right:120%}.menu ul{display:flex;flex-direction:column;gap:3rem}.menu li{text-align:start;padding:.4rem}@media (min-width: 768px){.burger-menu{display:none}}.conteneurFooter{padding:1rem;border-top:solid 2px var(--color-border);text-align:center;background-color:var(--color-bg-second)}.conteneurFooter img{height:10vh;margin:1rem}.conteneurFooter p{font-size:.8rem}nav>img{max-height:70%;flex-shrink:0;display:none}nav{display:flex;align-items:center;width:100%;padding:0 1rem;justify-content:flex-end;position:fixed;z-index:100;height:3.6rem;background-color:var(--color-bg-second);border-bottom:solid 2px var(--color-border)}.linksNav{display:none}.nav-link{text-decoration:none;color:#fff;padding:.7rem 2rem}.nav-link:hover{background-color:var(--color-bg)}.nav-link.active{font-weight:900;background:radial-gradient(circle,var(--color-second) 70%,transparent 80%) 90% 50%;background-size:8px 8px,cover;background-repeat:no-repeat,no-repeat}@media (min-width: 768px){nav{padding-right:2rem;height:4rem;justify-content:space-between}nav>img{display:flex}.linksNav{display:flex;justify-content:space-between;align-self:center;margin-top:1.6rem;min-width:40vw}.nav-link.active{color:var(--color-second);border-top:2px solid var(--color-second);border-right:solid 2px var(--color-border);border-left:solid 2px var(--color-border);font-weight:900;background:radial-gradient(circle,var(--color-second) 70%,transparent 80%) 90% 50%,var(--color-bg);background-size:8px 8px,cover;background-repeat:no-repeat,no-repeat}}.conteneurHeader{text-align:left;padding-top:5rem;flex-direction:column;display:flex;justify-content:space-around}.conteneurHeader img{max-height:15vh;margin:2rem 0}.conteneurHeader h2 span{animation:blink 1s infinite;color:#fff;font-weight:800;position:relative;z-index:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.conteneurHeader h2{font-family:Jura,serif;font-size:1.2rem;font-weight:200;color:#fff;text-align:left}.headerButton{display:flex;margin-top:2rem;gap:1rem}@media (min-width: 768px){.conteneurHeader img{height:40vh}.conteneurHeader{margin:1rem;flex-direction:row;justify-content:space-around;align-items:center}.conteneurTxtHeader{min-width:35vw}}.conteneurAbout{display:flex;flex-direction:column;margin:4rem .4rem;background:#313131;padding:2rem 2rem 5rem;background-image:url(/eye.svg);background-position:bottom right;background-repeat:no-repeat;background-size:20vw}.conteneurAbout button{display:flex;justify-content:center;gap:.8rem}.conteneurAbout button img{width:1rem}.contenuAbout{margin:1rem 0}.contenuAbout strong{color:var(--color-primaire);font-weight:1000}@media (min-width: 767px){.conteneurAbout{background-size:10vw}.conteneurAbout button{max-width:14vw}}@media (min-width: 1024px){.conteneurAbout{background-size:7vw;padding:3rem;max-width:60vw}.contenuAbout{width:50vw}}.conteneurParcours{padding-top:4rem;margin:.6rem}.conteneurParcours p{padding-top:1rem}.conteneurParcours strong{color:var(--color-primaire)}.conteneurParcours h2{margin-top:2rem;margin-bottom:1.6rem}.conteneurParcours h3{font-size:1.4rem}.formation-content{margin:3rem 0}.formation-content strong{color:#fff}.formation-content div{background-color:var(--color-bg-second);border:2px solid var(--color-border);padding:1rem;margin-bottom:1.6rem}.formation-content div img{margin-top:1rem}.formation-content div h4{font-weight:300}.formation-content img{width:60vw}.formation-content ul li{list-style-type:disc;margin-left:1rem;margin-top:1rem}.formation-content ul li::marker{color:var(--color-second)}@media (min-width: 768px){.formation-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}.formation-content img{max-width:26vw}.formation-content div{margin-bottom:0;min-height:50vh;width:31vw;padding:2rem}}.projets{padding-top:6rem}.conteneurProjets{padding-top:2rem;margin-bottom:4rem}.projetCard{background:var(--color-bg-second);border:2px solid var(--color-border);padding:1rem;min-height:35vh;min-width:34vw;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem;gap:.8rem}.projetCard img{max-width:50vw}.projetCard h3{font-size:1.4rem}.tagProjet{border:1px solid var(--color-second);border-radius:16px;padding:.4rem .8rem}.tagConteneur{display:flex;flex-wrap:wrap;gap:.4rem}.conteneurProjectDetails{padding-top:6rem}.conteneurProjectDetails h2{padding-bottom:1rem}.conteneurProjectDetails button{height:2rem;display:flex;gap:.6rem;align-items:center}.conteneurProjectDetails button img{width:20px}.conteneurProjectDetails ul{padding:1rem 0}.conteneurProjectDetails ul li{padding:.4rem 0}.conteneurProjectDetails ul li strong{color:var(--color-second)}.conteneurProjectDetails img{width:60vw;margin:1rem 0}.conteneurProjectDetails .tagProjet{margin:1rem 0}.buttonProjectDetail{margin:2rem 0;height:2rem;gap:1.6rem;display:flex}@media (min-width: 768px){.projets h2{text-align:center}.conteneurProjets{display:flex;flex-wrap:wrap;justify-content:space-around;width:70vw;margin:0 auto}.projetCard{width:28vw}.projetCard h3{font-size:1.6rem}.conteneurProjectDetails{width:50vw;margin:0 auto}.conteneurProjectDetails img{width:30vw}}.conteneurContact{padding-top:8rem}.conteneurContact img{display:none}.conteneurContact li{color:var(--color-second)}.conteneurContact p{color:var(--color-primaire);font-style:italic;font-weight:800;padding:1rem 0}.conteneurContact a{text-decoration:none;color:#fff}@media (min-width: 768px){.conteneurContact{display:flex;align-items:center;gap:2rem}.conteneurContact img{display:block;height:10vh}}.navLat{padding-top:3.6rem;width:60px;background-color:var(--color-bg-second);border-right:solid 2px var(--color-border)}.nav-link-lat{width:100px}.nav-link-lat img,.navLat>img:last-of-type{width:60px;padding:1rem .9rem}.nav-link-lat.active img{background-color:var(--color-bg);border-left:2px solid var(--color-second)}.nav-link-lat:hover img{background-color:var(--color-bg)}@media (min-width: 768px){.nav-link-lat img,.navLat>img:last-of-type{padding:1.4rem .9rem}}.conteneurSkills{margin-bottom:4rem;display:flex;flex-direction:row;justify-content:space-between}.conteneurSkills img{max-width:13vw}.conteneurSkills h2{margin-bottom:2rem}.conteneurSkills h2 span{color:var(--color-primaire);font-weight:600}.conteneurSkills h3{color:var(--color-second);font-weight:300;font-size:1.5rem}.conteneurSkills h3 span{color:#fff}.conteneurSkills li{color:var(--color-primaire);font-weight:700;padding-left:.8rem}.conteneurSkills span{color:#fff;font-weight:300}
