*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--primary-color);color:var(--background-color)}body,html{height:100%;scroll-behavior:smooth}:root{--primary-color:#4bff96;--secondary-color:#0ceb69;--accent-color:#18c761;--background-color:#101014;--text-color:#fffdf5}@font-face{font-family:Eras-Bold;font-style:normal;font-weight:700;src:url(../fonts/eras-itc-bold.ttf) format("truetype")}@font-face{font-family:Eras-Demi;src:url(../fonts/ITCErasStd-Demi.ttf) format("truetype")}@font-face{font-family:Eras-Medium;src:url(../fonts/ITCErasStd-Medium.ttf) format("truetype")}span{color:var(--primary-color);font-weight:700;text-shadow:#0ceb69 0 0 6px}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}body{background-color:var(--background-color);color:var(--text-color)}::-webkit-scrollbar{display:none}.flex-center{align-items:center;display:flex;height:100%;justify-content:center}h1,h2{font-family:Eras-Bold,sans-serif}h3,h4{font-family:Eras-Demi,sans-serif}p{font-family:Eras-Medium,sans-serif}main{height:auto}header{background:var(--background-color);height:100vh;overflow:hidden;position:relative;text-align:center;z-index:auto}#particles-js{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}nav{backdrop-filter:blur(10px);background-color:rgba(16,16,20,.42);position:fixed;top:0;width:100%;z-index:9999}.burger{display:none}nav img{float:left;height:50px;margin:1.2% 10%}nav img:hover{cursor:pointer;transform:scale(1.05);transition:transform .3s}nav ul{align-items:center;display:flex;float:right;height:50px;list-style:none;margin:1.2% 10%;padding:0}nav ul li{color:var(--text-color);font-family:Eras-Demi,sans-serif;font-size:1.3rem;margin-left:60px;transition:color .3s}nav ul li a{color:inherit;text-decoration:none}nav ul li a:hover{color:var(--primary-color);cursor:pointer;margin-left:6%;text-shadow:#0ceb69 0 0 6px;transition:color .3s,margin-left .3s}nav ul li:after{background:var(--primary-color);box-shadow:0 0 10px #0ceb69;content:"";display:block;height:2px;margin-left:6%;margin-top:6%;transition:width .3s;width:0}nav ul li:hover:after{padding:0 2%;width:100%}footer{backdrop-filter:blur(10px);background-color:rgba(16,16,20,.42);color:var(--text-color);font-family:Eras-Medium,sans-serif;margin-top:8%;padding:2%;text-align:center}#footer-separation{background:var(--primary-color);box-shadow:0 0 12px #0ceb69;height:2px;margin:0 auto 4%;width:69%}footer p{font-size:1.4rem;margin:1% 0}#footer-copyright{color:var(--text-color);font-size:1rem;margin-top:3%}footer span{color:var(--primary-color);font-size:2rem;font-weight:700;text-shadow:#0ceb69 0 0 6px}footer img{margin:0 1.2%;transition:transform .3s;width:52px}footer img:hover{cursor:pointer;transform:scale(1.2);transition:transform .3s}#titreHeader{color:var(--primary-color);font-family:Eras-Bold,sans-serif;margin-top:12%;position:absolute;z-index:1}#titreHeader h1{font-size:4.7rem;margin-bottom:6%;text-shadow:#0ceb69 0 0 6px}#titreHeader h2{color:var(--text-color);font-size:2.7rem}#titreHeader h3{color:var(--text-color);font-size:1.6rem;margin-top:6%}#titreHeader button{background-color:var(--primary-color);border:none;border-radius:6px;color:var(--background-color);cursor:pointer;font:1.2rem Eras-Demi,sans-serif;margin-top:8%;padding:1.1% 2.2%;transition:background .3s,margin-left .3s}#titreHeader button:hover{background-color:var(--secondary-color);box-shadow:0 0 12px #0ceb69;margin-left:3%;transition:background .3s,margin-left .3s}#titreHeader button a{color:inherit;text-decoration:none}#timeline h2{font-size:5.4rem;left:0;margin:16% 0;position:absolute;text-align:right;text-shadow:#fffdf5 0 0 3.6px;transform:rotate(-90deg);z-index:2}#timeline{height:100vh;margin:4% 0;overflow:hidden;position:relative}.timeline-wrapper{display:flex;padding-left:16rem;padding-right:20%;position:relative;width:max-content}.timeline-line{background:var(--primary-color);box-shadow:0 0 12px #0ceb69;height:4px;left:0;margin-top:12.4%;position:absolute;transform:translateY(-50%);width:100%;z-index:0}.timeline-card{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:10px;box-shadow:0 0 12px #0ceb69;max-height:fit-content;max-width:420px;min-width:420px;overflow:hidden;padding:2%;position:relative;transform-origin:center center;transition:transform .3s ease,box-shadow .3s ease;will-change:transform;z-index:8}.timeline-card:hover{box-shadow:0 0 25px var(--primary-color);cursor:pointer;transform:scale(1.1);z-index:9}.timeline-card.odd{margin:6% 2%}.timeline-card.even{margin:18% 2%}.timeline-card h3{color:var(--primary-color);font-size:1.6rem;margin-bottom:6%}.timeline-card p{font-size:0;hyphens:auto;line-height:1.2;text-align:justify}.timeline-card:hover p{font-size:1rem;transition:font-size .3s}.timeline-date{font-family:Eras-Medium,sans-serif;font-size:1rem;margin-bottom:4%}.timeline-card img{float:right;width:40px}#timeline,.timeline-wrapper{overflow:visible}#logoSlider{background:#242323bb;box-shadow:0 0 32px var(--primary-color);margin-top:-2%;overflow:hidden;padding:1.2% 0;position:relative;user-select:none;white-space:nowrap;z-index:1}#logoSlider:after,#logoSlider:before{content:"";height:100%;position:absolute;top:0;width:500px;z-index:2}#logoSlider:before{background:linear-gradient(90deg,#1b1b1b,transparent);left:0}#logoSlider:after{background:linear-gradient(270deg,#1b1b1b,transparent);right:0}#logo-slide{animation:slide 30s linear infinite;display:inline-block}#logo-slide img{height:52px;margin:0 36px}#competencesLink{margin-top:2.6%}#competences{height:auto;isolation:isolate;margin:8% 8% 0;overflow:visible;position:relative;z-index:10}#competences h2{font-size:4.2rem;margin-bottom:6%;text-align:center;text-shadow:#fffdf5 0 0 3.6px}.competences-wrapper{display:flex;flex-wrap:wrap;gap:3%;justify-content:center;overflow:visible;position:relative;z-index:0}.competence{background-color:#1b1b1b;border:1px solid var(--primary-color);border-radius:24px;box-shadow:0 0 12px #0ceb69;display:flex;flex-direction:column;margin:2% 0;min-height:200px;padding:2%;position:relative;transition:background-color .3s,box-shadow .3s;width:460px;z-index:1}.competence:hover{box-shadow:0 0 25px var(--primary-color);cursor:pointer;z-index:999}.competence img{border-radius:24px;margin-bottom:4%;width:100%}.competence:hover img{transition:width .3s;width:0}.competence h3{align-items:center;font-size:2.2rem;text-align:center}.competence h3,.competence:hover h3{transition:font-size .3s,text-align .3s,color .3s}.competence:hover h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:2%;text-align:left}.competence p{font-size:0;hyphens:auto;line-height:1.3;margin-bottom:2%;text-align:justify}.competence:hover p{font-size:1.1rem;transition:font-size .2s}.competence strong{color:var(--primary-color)}#headerProjets{background-attachment:fixed;background-image:url(../img/projectBG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 32px #000;height:50vh;position:relative}#headerProjFilter{background-color:rgba(16,16,20,.29);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#headerProjets h2{color:var(--text-color);font-size:4.6rem;height:100%;margin-top:69%;text-shadow:#101014 0 0 8px;width:100%;z-index:2}#imgfondHeader{filter:brightness(.4);object-fit:cover;width:100%;z-index:1}#projets{background-color:var(--background-color);padding:6% 10%}.projets-container{display:flex;flex-direction:column;gap:4rem}.projet-row{align-items:center;display:grid;gap:2rem;grid-template-columns:60% 40%}.projet-row.right{direction:rtl}.projet-card{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:10px;padding:2.6rem;transition:transform .3s,box-shadow .3s}.projet-card:hover{box-shadow:0 0 25px var(--primary-color);transform:scale(1.05)}.projet-card h3{color:var(--primary-color);font-size:2rem;margin-bottom:1rem;text-shadow:#0ceb69 0 0 4px}.projet-card p{font-size:1.2rem;hyphens:auto;line-height:1.4;margin-bottom:1rem;text-align:justify}.projet-card .btn{background-color:var(--primary-color);border-radius:6px;color:var(--background-color);display:inline-block;font:1.1rem Eras-Demi,sans-serif;margin-top:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s,margin-left .3s,box-shadow .3s}.projet-card .btn:hover{background-color:var(--secondary-color);box-shadow:0 0 8px #0ceb69;cursor:pointer;margin-left:2%;transition:background .3s,margin-left .3s,box-shadow .2s}.projet-row img{border:2px solid var(--primary-color);border-radius:10px;margin:0 auto;object-fit:cover;transition:transform .3s;width:82%}.projet-row img:hover{box-shadow:0 0 25px var(--primary-color);transform:scale(1.26);transition:transform .3s}.categorie-titre{border-bottom:2px solid var(--primary-color);color:var(--primary-color);display:inline-block;font-size:2rem;margin:6rem 0 2rem;padding-bottom:.3rem;text-align:center;text-shadow:#0ceb69 0 0 6px;text-transform:uppercase}#projets label{font-size:1.2rem;margin-right:1.5rem}#projets label,#projets select{color:var(--text-color);font-family:Eras-Medium,sans-serif}#projets select{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:6px;box-shadow:0 0 6px #0ceb69;font-size:1.1rem;padding:.4rem}#projets select:hover{box-shadow:0 0 12px #0ceb69;cursor:pointer;transition:box-shadow .3s}