@import"https://fonts.googleapis.com/css2?family=Creepster&family=Poppins:wght@600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bona+Nova:ital@1&family=Creepster&family=Poppins:wght@600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bona+Nova:ital@1&family=Creepster&family=Poppins:wght@600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bona+Nova:ital@1&family=Creepster&family=Playfair:ital,opsz,wght@0,5..1200,300;0,5..1200,400;0,5..1200,500;0,5..1200,600;0,5..1200,700;0,5..1200,800;0,5..1200,900;1,5..1200,300;1,5..1200,400;1,5..1200,500;1,5..1200,600;1,5..1200,700;1,5..1200,800;1,5..1200,900&family=Poppins:wght@600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.header{display:flex;flex-direction:row;align-items:center;justify-content:space-around;position:fixed;z-index:999;width:100vw;height:5vh;border-bottom:.02px solid white;width:100%}.header .logo{display:flex;align-items:center;width:33%;padding-left:5%}.header .logo img{width:15%;height:auto;padding-left:5%;mix-blend-mode:difference}.header .nav{display:flex;flex-direction:row;justify-content:end;width:33%;height:auto;padding-right:5%;mix-blend-mode:difference}.header .nav a{padding:0 10px;color:#fff;text-decoration:none}.slider{cursor:pointer;height:80%;width:33%;margin:auto;overflow:hidden;position:relative}.slider:before,.slider:after{content:"";height:80%;position:absolute;width:200px;z-index:2}.slider:after{right:0;top:0;transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{height:100%;color:#fff;animation:scroll 40s linear infinite;display:flex;width:1400%}.slider .slide{display:flex;align-items:center;height:100%;width:350px}.slider .slide span{color:#ff2e51;font-family:Dancing Script;font-size:20px;font-weight:600;font-style:italic}.navtel{display:none}nav{background-color:#000;position:absolute;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:20vw;height:100vh;width:100vw;transform:translate(-210%) translateY(-5%);transition:transform .3s cubic-bezier(.73,.11,.67,.84)}nav.active{transform:translate(-100%) translateY(-5%)}nav a{color:#fff;text-decoration:none;font-size:1.4em;padding:15px 0}.nav-toggler{position:absolute;display:flex;align-items:center;justify-content:center;z-index:10;top:2vh;right:4vh;height:10px;width:30px;border:none;outline:none;cursor:pointer;background:transparent}.line{display:block;position:absolute;width:50%;height:2px;background:rgb(255,255,255);transition:transform .3s ease-out,opacity .1s ease-out}.l1{transform:translateY(-10px)}.l3{transform:translateY(10px)}.nav-toggler.active .l1{transform:translateY(0) rotate(135deg)}.nav-toggler.active .l2{opacity:0}.nav-toggler.active .l3{transform:translateY(0) rotate(-135deg)}@media screen and (max-width: 649px){.navtel{display:block}.header .nav{display:none}.header .logo{display:flex;align-items:center;width:100%;padding:0}.header .logo a{display:flex;align-items:center;justify-content:center;width:100%}.header .logo img{display:flex;align-items:center;justify-content:center;width:18%}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1750px)}}*{font-family:roboto;box-sizing:border-box;padding:0;margin:0}html{overflow:hidden}#container3d{z-index:-1;position:fixed;top:0;bottom:0}#container2d{position:relative;z-index:10;width:100%;height:100vh}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;pointer-events:none;transition:clip-path .3s ease,opacity .3s ease;clip-path:circle(0% at center)}.overlay:hover{clip-path:circle(100px at var(--mouse-x) var(--mouse-y));opacity:.8}#playmusic{color:#ffffff80;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;width:max-content;height:max-content;top:95%;left:4%;border:none;background:none}#stopmusic{color:#ffffff80;display:none;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;width:max-content;height:max-content;top:95%;left:4%;border:none;background:none}.cursor-trigger{display:inline-block;width:max-content;height:max-content;background-color:transparent;margin:0 5px}.mouse-cursor{position:absolute;width:40px;height:40px;border:2px solid white;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:top .1s ease,left .1s ease;z-index:15;mix-blend-mode:difference}.mouse-cursor{position:absolute;width:40px;height:40px;border:2px solid white;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:top .1s ease,left .1s ease;z-index:999;mix-blend-mode:difference}.mouse-baby{position:absolute;width:5px;height:5px;background-color:#fff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:top .1s ease,left .1s ease;z-index:999;mix-blend-mode:difference}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:100}.loading-container{width:300px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-align:center}.loading-bar{border-radius:20px;width:0;height:5px;background-color:#fff;transition:width .3s ease-in-out,opacity .5s ease-in-out}.counter{font-family:roboto;width:100%;margin-top:10px;font-size:16px}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.popup-content{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);border:1px solid gray;padding:20px;border-radius:8px;text-align:center;color:#fff}.popup h2{font-family:roboto;margin-bottom:10px}.popup button{margin:5px;padding:10px 20px;background:none;color:#fff;border:1px solid gray;border-radius:20px;cursor:pointer}.popup button:hover{background-color:#3f3f3f}.pres{position:absolute;top:25%;left:6%}.pres p{font-family:roboto,sans-serif;font-style:italic;font-weight:100;text-indent:1em;color:#ffffff80;font-size:120px}.pres .change{color:#fffc;font-size:150px;font-family:playfair,sans-serif;font-style:italic}.canva2{position:fixed;top:15%;right:-144%}.canva2 p{font-family:playfair,sans-serif;font-weight:200;color:#fff;font-size:150px;font-style:italic}.canva2 .change{color:#ff2e51;font-size:150px;font-weight:200;font-family:playfair,sans-serif}.reseau{color:#fffc;position:absolute;top:95%;right:4%;width:20%;display:flex;flex-direction:row;justify-content:space-around}.reseau a{color:#ffffff80;text-decoration:none}.reseau a:hover,#stopmusic:hover{color:#fff}.canva2work{position:fixed;top:20%;left:-140%;width:80vw}.project-title h1{color:#fff;font-size:45px;font-family:playfrai;font-style:italic;font-weight:300}.project-categ{font-weight:lighter;font-family:roboto;font-weight:200}.curso{position:absolute;width:600px;height:400px;top:50%;left:50%;transform:scale(.1);opacity:0;margin:-100px 0 0 -100px;background:url(img.jpg) no-repeat 50% 50%;background-size:cover;z-index:1}.wrapper{width:80%;margin:180px auto;height:100%}.project{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding:30px;display:flex;align-items:center;justify-content:space-between;flex-basis:1;position:relative;z-index:2;color:#ffffff80;mix-blend-mode:difference}.project:hover{border-bottom:1px solid rgba(255,46,81,.027);background-image:linear-gradient(transparent,rgba(255,46,81,.027));color:#fff}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.citation{font-size:1.25rem;color:#fff;position:absolute;height:auto;left:15%;top:2.3%}.citation p{font-family:Ubuntu,sans-serif;text-indent:2.5rem;color:#ffffff80;text-transform:uppercase;font-weight:300;font-size:1.25rem;font-style:italic}.citation span{font-size:1.875rem;color:#fff9;font-family:playfrai;font-style:italic}.canva3about{z-index:800;position:fixed;top:20%;left:-140%;width:80vw;height:50vh;background-color:#fff}.canva3about .name{position:absolute;top:10%;left:-15%;font-family:Ubuntu,sans-serif;text-indent:10.5rem;color:#ffffff70;text-transform:uppercase;font-weight:200;font-size:7.5rem;font-style:italic}.canva3about .name .p1{text-indent:20.5rem}.canva3about .name .p2{text-indent:5.5rem}.canva3about .name .p3{text-indent:22.5rem}.canva3about .name .p4{text-indent:7.5rem}.canva3about .name span{font-size:8.2rem;color:#ffffffc4;font-family:playfrai;font-style:italic;font-weight:200}.canva3about .tech{position:absolute;top:70%;left:10%;font-family:Ubuntu,sans-serif;color:#ffffff80;text-transform:uppercase;text-indent:2em;font-weight:200;font-size:3.5rem;font-style:italic}.canva3about .tech span{font-size:4.2rem;color:#fff9;font-family:playfrai;font-style:italic;font-weight:200}.canva3img{position:fixed;top:10%;right:-140%;width:30vw;height:80vh;background-color:#fff}.canva3img .wrapperImg{display:flex;align-content:end;width:100%;height:80vh;position:absolute;top:50%;right:-50%;transform:translate(-50%,-50%)}.canva3img .wrapperImg canvas{width:100%;height:100%}.hero-title{position:absolute;top:7%;left:0%;transform:translate(-50%,-50%)}.hero-title .letter{display:inline-block;opacity:0;color:#ff2e51;font-family:Dancing Script;font-size:55px;font-style:italic}.canva4contact{position:fixed;top:0%;height:100vh;left:-140%;width:100vw}.canva4contact .contact{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;font-size:7em}.canva4contact .contact a{font-style:italic;text-decoration:none;color:#ffffff79;font-family:Dancing Script;transition:.3s}.canva4contact .contact a:hover{color:#fff}@media screen and (min-width: 1500px) and (max-width: 2000px){.pres{top:30%}.pres p{font-size:90px}.pres .change{font-size:110px}.reseau{width:30%}.reseau a{font-size:16px}.canva3about .name{top:20%;left:-10%;font-size:4rem}.canva3about .name span{font-size:5rem}.canva3about .name .p1{text-indent:10.5rem}.canva3about .name .p2{text-indent:2.5rem}.canva3about .name .p3{text-indent:12.5rem}.canva3about .name .p4{text-indent:3.5rem}.canva2 p,.canva2 .change{font-size:100px}.citation{left:10%}.canva4contact .contact{font-size:4em}}@media screen and (min-width: 1250px) and (max-width: 1500px){.header .logo img{display:flex;align-items:center;justify-content:center;width:25%}.pres{top:30%}.pres p{font-size:80px}.pres .change{font-size:100px}.reseau{width:30%}.reseau a{font-size:16px}.canva3about .name{top:25%;left:-10%;font-size:3rem}.canva3about .name span{font-size:4rem}.canva3about .name .p1{text-indent:10.5rem}.canva3about .name .p2{text-indent:2.5rem}.canva3about .name .p3{text-indent:12.5rem}.canva3about .name .p4{text-indent:3.5rem}.canva2 p,.canva2 .change{font-size:80px}.citation{top:-5%;left:5%}.canva4contact .contact{font-size:4em}.citation p{text-indent:2rem}.citation span{font-size:1.7rem}.wrapper{width:90%;margin:120px 60px;height:100%}}@media screen and (min-width: 1000px) and (max-width: 1250px){.header .logo img{display:flex;align-items:center;justify-content:center;width:25%}.header .nav a{font-size:.8em}.pres{top:25%}.pres p{font-size:60px}.pres .change{font-size:80px}.reseau{width:40%}.reseau a{font-size:16px}.canva3about .name{mix-blend-mode:difference;top:25%;left:5%;font-size:3rem;z-index:600}.canva3about .name span{font-size:4rem}.canva3about .name .p1{text-indent:10.5rem}.canva3about .name .p2{text-indent:2.5rem}.canva3about .name .p3{text-indent:12.5rem}.canva3about .name .p4{text-indent:3.5rem}.canva2 p,.canva2 .change{font-size:60px}.citation{top:-5%;left:0%}.project-title h1{font-size:35px}.canva4contact .contact{font-size:4em}.citation p{text-indent:2rem}.citation span{font-size:1rem}.canva3about{display:flex;justify-content:center;align-items:center}.wrapper{width:90%;margin:160px 40px;height:100%}.canva3img{display:none;z-index:10}.canva3img{width:80vw;height:80vh}.hero-title{display:none}.canva3img .wrapperImg{display:flex;align-content:end;width:100%;height:80vh;position:absolute;top:50%;right:-40%;transform:translate(-50%,-50%)}.canva3img .wrapperImg canvas{width:100%;height:100%}}@media screen and (min-width: 650px) and (max-width: 1000px){.header .logo img{display:flex;align-items:center;justify-content:center;width:45%}.slider,#playmusic{display:none}.header .nav a{font-size:.8em}.pres{top:35%}.pres p{font-size:40px}.pres .change{font-size:60px}.reseau{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.reseau a{font-size:16px}.canva3about .name{mix-blend-mode:difference;top:20%;left:0%;width:100%;font-size:2rem;z-index:600}.canva3about .name span{font-size:3rem}.canva3about .name .p1{text-indent:10.5rem}.canva3about .name .p2{text-indent:2.5rem}.canva3about .name .p3{text-indent:12.5rem}.canva3about .name .p4{text-indent:3.5rem}.canva2 p,.canva2 .change{font-size:60px}.citation{display:none}.project-title h1{font-size:25px}.canva4contact .contact{font-size:2em}.citation p{text-indent:2rem}.citation span{font-size:1rem}.canva3about{display:flex;justify-content:center;align-items:center}.wrapper{width:100%;margin:100px 10px;height:100%}.canva3img{display:none;z-index:10}.canva3img{width:80vw;height:80vh}.hero-title{display:none}.canva3img .wrapperImg{display:flex;align-content:end;width:100%;height:80vh;position:absolute;top:50%;right:-40%;transform:translate(-50%,-50%)}.canva3img .wrapperImg canvas{width:100%;height:100%}}@media screen and (max-width: 650px){.slider,#playmusic{display:none}.header .nav a{font-size:.8em}.pres{top:35%}.pres p{font-size:40px}.pres .change{font-size:60px}.reseau{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.reseau a{font-size:16px}.canva3about .name{font-size:1.5rem}.canva3about .name span{font-size:2.5rem}.canva3about .name .p1{text-indent:4.5rem}.canva3about .name .p2{text-indent:.5rem}.canva3about .name .p3{text-indent:6.5rem}.canva3about .name .p4{text-indent:1.5rem}.canva2 p,.canva2 .change{font-size:60px}.citation{display:none}.project-categ{font-size:12px}.project-title h1{font-size:18px}.canva4contact .contact{font-size:2em}.citation p{text-indent:2rem}.citation span{font-size:1rem}.canva3about{display:flex;justify-content:center;align-items:center}.wrapper{width:100%;margin:100px 10px;height:100%}.canva3img{display:none;z-index:10}.canva3img{width:80vw;height:80vh}.hero-title{display:none}.canva3img .wrapperImg{display:flex;align-content:end;width:100%;height:80vh;position:absolute;top:50%;right:-40%;transform:translate(-50%,-50%)}.canva3img .wrapperImg canvas{width:100%;height:100%}}.test{width:50%;height:50%;background-color:#fff}