*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}html,body{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background-color:#000}#progress-bar{width:30%;margin-top:.5%;height:2%;color:#000}.lang-switcher{position:absolute;right:3%;bottom:2%;z-index:700}.lang-switcher button{background-color:transparent;font-family:IM Fell English SC,serif;font-weight:800;width:60px;height:60px;border:none;color:#006400}label{color:#006400;font-family:IM Fell English SC,serif;font-weight:500;font-size:50px;font-style:normal}progress{background-color:#3e653e}.progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#cce1e1;display:flex;flex-direction:column;justify-content:center;align-items:center}.allProject{display:flex;flex-direction:row;position:absolute;right:0;top:0;pointer-events:none;height:100%;width:100%}.project1,.project2,.project3,.project4,.project5,.project6{border-radius:16px;position:absolute;min-height:7%;min-width:6%;z-index:-500;opacity:0}.project1{left:5%;bottom:17%;animation:floating 3s ease-in-out infinite}.project2{left:25%;bottom:17%;animation:floating2 3s ease-in-out infinite}.project3{left:5%;bottom:17%;animation:floating3 3s ease-in-out infinite}.project4{right:65%;bottom:15%;animation:floating3 3s ease-in-out infinite}.project5{animation:floating2 3s ease-in-out infinite;left:25%;bottom:15%}.project6{left:5%;bottom:15%}.video-text{color:#fff;overflow-y:scroll;font-family:IM Fell English SC,serif;font-weight:400}.video-text h1{color:#fff;font-family:IM Fell English SC,serif;font-weight:400;padding-top:10px;text-decoration:underline;text-decoration-color:#fff;text-align:center}.video-text h3{color:#cce1e1;padding-left:10px;letter-spacing:1.5px;line-height:2;text-align:center}.video-text ul{padding-top:20px;padding-left:50px}.video-text h2{color:#86c786;text-align:center;padding-top:20px;padding-bottom:20px}.video-text ul li{padding-top:20px;padding-left:50px;font-size:20px}.top-image{position:absolute;height:150%;border-radius:100%;border:darkgrey 5px solid;background-color:#fff}.video-popup{z-index:600;position:fixed;top:0;left:0;background:#000c;height:100%;width:100%;display:none}.projectGroup{z-index:-30;position:absolute;top:20%;left:10%}.projectGroup p label{color:#fff;font-size:40px;margin-left:20px}.projectGroup p input{font-size:2em}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:25px;height:25px;border:2px solid #555;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease;border-color:#e0dee7;background-color:#fff}input[type=radio]:checked{border-color:#e0dee7;background-color:#080808}.externalIcon{width:40px;height:40px}.video-popup video{z-index:700;position:absolute;height:60%;width:85%;left:50%;bottom:6%;transform:translate(-50%)}.video-popup .descriptionProjet{position:absolute;top:0%;left:0%;width:100%;height:100%;padding:30px 80px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.video-popup span{position:absolute;top:30px;right:30px;color:#fff;cursor:pointer;font-weight:bolder;font-size:50px;z-index:inherit}.wrapper{display:none;justify-content:center;align-items:center;height:50px;margin-top:10px;position:absolute;width:100vw}.main-nav ul{display:flex;list-style:none;padding-bottom:10px;margin:0;border-bottom:black 3px solid;border-radius:10px}.main-nav ul li{margin:0 10px}.main-nav ul li a{text-decoration:none;font-size:30px;font-family:IM Fell English SC,serif;font-weight:400;font-style:normal;color:#000}.main-nav ul li a i{margin-right:8px}.main-nav ul li a:hover{color:#007bff}.nom{position:absolute;top:5%;left:45%;font-family:IM Fell English SC,serif;font-weight:400;font-style:normal;font-size:4.67vw;color:#006400}.description{position:absolute;top:15%;left:50%;font-family:IM Fell English SC,serif;font-weight:400;font-size:2.92vw;font-style:normal}.startButton{position:absolute;font-size:70px;bottom:10%;right:48%;font-family:IM Fell English SC,serif;font-weight:500;font-style:normal;background:#cce1e1;border:none;z-index:-100}.startButton:hover{color:#00008b}.startButton:active{color:#525fb3}.about-1{position:absolute;bottom:15%;left:52%;opacity:0;font-family:IM Fell English SC,serif;font-weight:500;font-size:50px;font-style:normal;z-index:-100}.about-2{position:absolute;top:15%;right:49%;opacity:0;font-weight:400;font-size:40px;font-family:IM Fell English SC,serif;font-style:normal;z-index:-100}.water{pointer-events:none;width:100vw;height:57vh;background-color:#92b0c7;opacity:.3;z-index:-500;position:absolute;bottom:0}.allCard{display:flex;flex-wrap:wrap;justify-content:center;object-fit:contain}.card{width:200px;height:160px;display:flex;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);margin:5px;box-sizing:border-box;flex-direction:column;text-align:center;font-weight:400;font-size:15px;padding-top:20px;font-family:Bebas Neue,sans-serif;font-style:normal;border:solid 3px black;border-radius:4px;perspective:1000px}.card:hover{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:ease-in-out .3s;transform:scale(1.2);border:#000000 solid 4.8px;background:linear-gradient(to bottom,#679f69,#56b4d4);color:#fff;z-index:4}.logoProg{width:70px;height:70px;object-fit:contain;display:block;margin-left:auto;margin-right:auto}.logoProject{display:flex;margin-left:auto;margin-right:auto;width:40%;padding:20px}.cardText{padding-top:10px;padding-bottom:20px}.logo{top:13%;left:10%;position:absolute;width:70px;height:50px;z-index:600}.iconPlay{position:absolute;bottom:30%;right:30%;width:10.41vw;height:7.41vh}.tabs{overflow-y:auto;position:absolute;left:50%;top:20%;transform:translate(-50%);padding:40px 50px 80px;width:70%;height:70%;min-width:240px;border-radius:20px;transition:all .3s ease-in-out;opacity:1;z-index:-4}.tabs input[name=tab-control]{display:none}.coral{pointer-events:none}.tabs .content section h2,.tabs ul li label{display:flex;font-weight:400;font-size:20px;font-family:Bebas Neue,sans-serif;font-style:normal;color:#0c0c0c}.tabs ul{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-bottom:10px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.tabs ul li{box-sizing:border-box;flex:1;width:25%;padding:0 10px;text-align:center}.tabs ul li label{transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;display:flex;flex-wrap:wrap;flex-direction:column;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;-webkit-touch-callout:none}.tabs ul li label br{display:none}.tabs ul li label svg{fill:#28406f;height:1.2em;vertical-align:bottom;margin-right:.2em;transition:all .2s ease-in-out}.tabs ul li label:hover,.tabs ul li label:focus,.tabs ul li label:active{outline:0;color:#3b89cd}.tabs ul li label:hover svg,.tabs ul li label:focus svg,.tabs ul li label:active svg{fill:#b51919}.tabs .slider{position:relative;width:33%;transition:all .33s cubic-bezier(.38,.8,.32,1.07)}.tabs .slider .indicator{position:relative;width:50px;max-width:100%;margin:0 auto;height:4px;background:#000;border-radius:1px}.tabs .content{margin-top:30px;color:#000}.tabs .content section{display:none;animation-name:content;animation-direction:normal;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1;line-height:1.4}.tabs .content section h2{color:#36249b;display:none}.tabs .content section h2:after{content:"";position:relative;display:block;width:30px;height:3px;background:#232220;margin-top:5px;left:1px}.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label{cursor:default;color:#28406f}.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg{fill:#28406f}.tabs input[name=tab-control]:nth-of-type(1):checked~.slider{transform:translate(0)}.tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1){display:block}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{cursor:default;color:#28406f}.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg{fill:#82a682}.tabs input[name=tab-control]:nth-of-type(2):checked~.slider{transform:translate(100%)}.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){display:block}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label{cursor:default;color:#28406f}.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg{fill:#428bff}.tabs input[name=tab-control]:nth-of-type(3):checked~.slider{transform:translate(200%)}.tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3){display:block}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{cursor:default;color:#000}.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg{fill:#428bff}.tabs input[name=tab-control]:nth-of-type(4):checked~.slider{transform:translate(300%)}.tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4){display:block}@keyframes content{0%{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}.contactContainer{justify-content:center;transform:translate(-50%,-50%);left:50%;position:absolute;display:flex;flex-direction:column;width:50%;height:10%;z-index:-500;bottom:10%;opacity:0}.contactContainer p{font-size:2.04vw;font-family:IM Fell English SC,serif;font-weight:400}.contactContainer div{padding-bottom:20px;color:#006400}.iconContact{display:flex;justify-content:center}.contactContainer p,h1{display:flex;justify-content:center;font-weight:700}.iconContact img{width:60px;height:60px}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(40px)}to{transform:translateY(-0px)}}@keyframes floating2{0%{transform:translate(0)}50%{transform:translateY(20px)}to{transform:translateY(-0px)}}@keyframes floating3{0%{transform:translate(0)}50%{transform:translateY(-30px)}to{transform:translateY(-0px)}}#container3d canvas{height:100vh;width:100vw}@media only screen and (max-width: 700px){.nom{font-size:50px}.description{top:23%;font-size:22px}.contactContainer{width:70%;right:15%}.contactContainer p{font-size:2.74vw}}@media only screen and (max-width: 800px){.main-nav ul li a{font-size:17px}.about-1{font-size:6.17vw;left:5%}.about-2{padding-top:20px;font-size:5.17vw;right:29%}}@media only screen and (max-width: 400px){.main-nav ul li a{font-size:15px}}@media screen and (max-width: 850px){.video-popup .descriptionProjet{padding:10px}.logo{left:5%}.tabs{width:95%;height:60%}.tabs ul li{width:80%}.tabs .slider .indicator{display:none}.video-popup .descriptionProjet{width:90%;left:5%}}@media screen and (max-width: 600px){.logoProject{width:100%}.logo{top:65px}.video-popup video{height:40%}.main-nav ul{border-bottom:0px}}@media screen and (max-width: 800px){.logo{top:65px}.video-popup span{position:absolute;top:10px;right:30px;color:#fff;cursor:pointer;font-weight:bolder;font-size:50px;z-index:inherit}.main-nav ul{border-bottom:0px}}@media screen and (max-width: 400px){.logoProg{width:50px;height:50px}}