header{background-color:#0e0f13;display:flex;justify-content:space-between;align-items:center;padding:1vh 5%;position:sticky;top:0%;filter:brightness(120%);z-index:10}header h1{letter-spacing:5px}.nav_links{display:flex;flex-direction:row;flex-wrap:wrap}.nav_links li{list-style:none;min-width:11.5vw;padding:2px;margin:0 4px;text-align:center;cursor:pointer;font-size:24px;letter-spacing:1px;border-radius:5px;color:#e7e9ed}.nav_links li:hover{color:#e54982}.nav_links a{color:inherit;text-decoration:none}@media all and (max-width: 1080px){.nav_links{display:none}}.bulle{margin-top:100%;margin-left:5%;position:fixed;width:6vh;height:6vh;border:10px;border-radius:20px;background-color:#e7e9ed;opacity:.45;animation-duration:10s;animation-name:bulles;animation-iteration-count:infinite;z-index:2}@keyframes bulles{0%{margin-top:100%;transform:rotate(0)}to{margin-top:-45vh;transform:rotate(1080deg)}}#b1{animation-delay:.1s}#b2{margin-left:.5%;animation-delay:1s}#b3{margin-left:1%;animation-delay:2s}#b4{margin-left:2%;animation-delay:3s}#b5{margin-left:4%;animation-delay:4s}#b6{margin-left:.5%;animation-delay:5s}#b7{margin-left:3%;animation-delay:6s}#b8{margin-left:1.5%;animation-delay:7s}#b9{margin-left:2%;animation-delay:8s}#b10{margin-left:1%;animation-delay:9s}#b11{margin-left:90%;animation-delay:.1s}#b12{margin-left:91.5%;animation-delay:1s}#b13{margin-left:90.5%;animation-delay:2s}#b14{margin-left:92%;animation-delay:3s}#b15{margin-left:88%;animation-delay:4s}#b16{margin-left:93%;animation-delay:5s}#b17{margin-left:91%;animation-delay:6s}#b18{margin-left:90%;animation-delay:7s}#b19{margin-left:90.5%;animation-delay:8s}#b20{margin-left:93%;animation-delay:9s}@media all and (max-width: 1080px){.bulle{display:none}}*{box-sizing:border-box;margin:0;padding:0}.project-page{background-color:#0e0f13;color:#e7e9ed;min-height:100vh;padding-bottom:4vh}.project-header{display:flex;justify-content:space-between;align-items:center;background-color:#0e0f13;text-align:center;width:100%;padding:3vh 2vw;flex-wrap:wrap;gap:2vh}.project-header h1{flex:1;min-width:200px}.project-header a{text-decoration:none;color:#e7e9ed;font-family:cursive}.project-header button{padding:10px 20px;border-radius:8px;background-color:#1a1b1f;color:#e7e9ed;font-size:16px;font-family:cursive;cursor:pointer;border:2px solid #E7E9ED;transition:all .3s ease}.project-header button:hover{color:#e54982;border-color:#e54982;background-color:#0e0f13;transform:translateY(-2px)}.carousel{position:relative;max-width:1400px;width:90%;margin:4vh auto;overflow:hidden;border-radius:20px;box-shadow:0 10px 40px #00000080}.carousel-items{display:flex;transition:transform .5s ease-in-out;width:100%}.carousel-items img{width:100%;height:auto;min-height:400px;max-height:70vh;object-fit:contain;background-color:#1a1b1f;flex-shrink:0;display:block}.carousel-btn{position:fixed;top:50%;transform:translateY(-50%);padding:15px 20px;border-radius:50%;font-size:28px;background-color:#0e0f13e6;border:3px solid #E7E9ED;color:#e7e9ed;cursor:pointer;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.prev-btn{left:20px}.next-btn{right:20px}.carousel-btn:hover{background-color:#e54982;border-color:#e54982;transform:translateY(-50%) scale(1.1)}.carousel-btn:active{transform:translateY(-50%) scale(.95)}.carousel-indicators{display:flex;justify-content:center;gap:12px;margin:2vh 0}.indicator{width:12px;height:12px;border-radius:50%;background-color:#838990;border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{background-color:#e7e9ed;transform:scale(1.2)}.indicator.active{background-color:#e54982;width:30px;border-radius:6px}.text-items{text-align:center;margin:3vh auto;padding:0 5%;max-width:1200px}.text-items p{font-size:18px;line-height:1.6;color:#e7e9ed;font-family:Verdana,Geneva,Tahoma,sans-serif}.project-page>a{display:block;text-align:center;color:#e7e9ed;margin:3vh 0;font-size:20px;transition:all .3s ease}.project-page>a:hover h3{color:#e54982;transform:scale(1.05)}@media all and (max-width: 1024px){.carousel{width:95%;margin:3vh auto}.carousel-items img{min-height:300px;max-height:60vh}.carousel-btn{padding:12px 16px;font-size:24px}.prev-btn{left:15px}.next-btn{right:15px}.text-items p{font-size:16px}}@media all and (max-width: 768px){.project-header{flex-direction:column;padding:2vh 2vw}.project-header button{width:100%;max-width:300px;font-size:14px;padding:12px 15px}.project-header h1{font-size:24px;order:-1}.carousel{width:100%;border-radius:0;margin:2vh 0}.carousel-items img{min-height:250px;max-height:50vh}.carousel-btn{padding:10px 14px;font-size:20px;border-width:2px}.prev-btn{left:10px}.next-btn{right:10px}.carousel-indicators{gap:8px;margin:1.5vh 0}.indicator{width:10px;height:10px}.indicator.active{width:24px}.text-items{margin:2vh auto;padding:0 4%}.text-items p{font-size:14px;line-height:1.5}.project-page>a{font-size:16px;margin:2vh 0}}@media all and (max-width: 480px){.carousel-items img{min-height:200px;max-height:40vh}.carousel-btn{padding:8px 12px;font-size:18px}.prev-btn{left:5px}.next-btn{right:5px}.text-items p{font-size:13px}.project-header button{font-size:13px;padding:10px 12px}}body{background-color:#0e0f13;color:#e7e9ed;font-family:cursive}.app-container{position:relative;min-height:100vh}#glitters{position:absolute;top:0;left:0;z-index:1;pointer-events:none}#glitters img{width:98.5vw;height:100vh;filter:brightness(1.5);opacity:0;animation-duration:3s;animation-name:eclats}@keyframes eclats{0%{opacity:1}to{opacity:0}}li,a,button{font-weight:400;text-decoration:none}section{padding:0 10%;border-top:3px dashed #E7E9ED;position:relative;z-index:3}section p{font-size:22px}h1{text-align:center;margin:2vh 0;font-size:225%;color:#e54982}h2{font-size:180%;color:#838990}main{position:relative;z-index:3}.toggle-bubbles{position:fixed;bottom:30px;right:30px;z-index:1000;padding:12px 20px;background-color:#0e0f13e6;border:2px solid #E7E9ED;border-radius:50px;color:#e7e9ed;font-size:18px;font-family:cursive;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0006;transition:all .3s ease}.toggle-bubbles:hover{background-color:#e54982;border-color:#e54982;transform:scale(1.1);box-shadow:0 6px 20px #e5498280}.toggle-bubbles:active{transform:scale(.95)}.fond_tech{position:absolute;margin-top:.5vh;background:url(../images/dev.jpg) no-repeat;background-size:cover;height:50%;width:80vw;opacity:.5;filter:blur(3px)}.a-propos{padding-top:10vh;text-align:center;display:flex;align-items:center;gap:5vw;min-height:60vh}.a-propos article{flex:1;z-index:2;max-width:600px}.a-propos img{width:280px;height:280px;object-fit:cover;z-index:2;margin-bottom:2vh;filter:brightness(1.04) contrast(1.1);animation-duration:6s;animation-name:image-profil;border-radius:50%;box-shadow:0 8px 32px #e549824d;border:4px solid rgba(229,73,130,.5)}@keyframes image-profil{0%{filter:brightness(0)}to{filter:brightness(1.04) contrast(1.1)}}.competences,.cv,.projets,.realisation{padding-top:5vh;padding-bottom:5vh}.competences-web{font-weight:800;display:flex;justify-content:center;flex-wrap:wrap;gap:3vw;margin-top:4vh}.competences-web i{margin:2vh 0}.competences ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2vw}.competences li{margin:3vh 0}.competences h2{text-align:center}.competences i{display:flex;flex-direction:column;align-items:center;font-weight:700}.competences-design1 img,.competences-design2 img,.competences-web img{width:220px;height:180px;object-fit:cover;border-radius:15px;box-shadow:0 4px 20px #0006;transition:transform .3s ease,box-shadow .3s ease}.competences-design1 img:hover,.competences-design2 img:hover,.competences-web img:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 30px #e5498266}.projets{font-weight:800;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4vw}.projets li{display:flex;flex-direction:column;max-width:500px}.projets img{width:100%;max-width:500px;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 6px 25px #00000080;transition:transform .4s ease,box-shadow .4s ease,filter .4s ease}.projets img:hover{transform:scale(1.08) translateY(-10px);filter:brightness(120%);box-shadow:0 12px 40px #e5498280}#mini-desc{font-size:x-large}.cv{min-height:70vh;font-weight:700;font-size:150%}.cv strong:hover{color:#e54982;cursor:pointer}.cv img{max-width:450px;height:auto;float:left;opacity:.9;border-radius:20px;box-shadow:0 8px 40px #e7e9ed33;margin-right:3vw;margin-bottom:2vh;transition:transform .3s ease,box-shadow .3s ease}.cv img:hover{transform:scale(1.02);box-shadow:0 12px 50px #e549824d}#CV-mobile{display:block;text-align:center;border:.5vh double white;width:10%;margin-left:45%;margin-top:3vh}#CV-mobile2{display:none;text-align:center;padding:1vh;border:.5vh double white;margin-left:45%;margin-top:3vh;width:20vw}.cv a{color:#e7e9ed;text-decoration:none}@media all and (max-width: 1080px){body{font-family:Verdana,Geneva,Tahoma,sans-serif}section{padding:0 5%}.a-propos{flex-direction:column;gap:3vh}.a-propos h1{font-size:26px}.a-propos p{font-size:22px}.a-propos img{width:200px;height:200px;margin-left:0}.toggle-bubbles{bottom:20px;right:20px;padding:10px 16px;font-size:16px}#CV-mobile{display:none}#CV-mobile2{display:block;font-size:150%}.fond_tech{height:20%}.cv img{width:100%;max-width:300px;float:none;display:block;margin:2vh auto;box-shadow:0 4px 20px #e7e9ed33}.cv{font-size:20px}section p{font-size:16px}h1{font-size:20px}h2{font-size:18px}#mini-desc{font-size:large}.projets img{max-width:90vw;height:auto}.competences-design1 img,.competences-design2 img,.competences-web img{width:180px;height:140px}}*{box-sizing:border-box;margin:0;padding:0;transition:.25s ease-in-out}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}