@font-face{font-family:Helvetica;src:url(/fonts/HELVETICA.8a191867.TTF)}@font-face{font-family:Helvetica Bold;src:url(/fonts/HELVETICA-BOLD.72fa72e5.TTF)}@font-face{font-family:Integral;src:url(/fonts/INTEGRALCF-BOLD.86b53b18.TTF)}*{margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background-color:#ffd166}#app{overflow-x:hidden}.accueil{width:100vw;height:100vh;position:relative}header{position:absolute;width:-webkit-fill-available;height:16vh;display:flex;padding:0 5vw;z-index:5}.menu-link{display:flex;width:70%;text-transform:uppercase;justify-content:space-around;align-items:center}.menu-link>a{font-family:Integral;padding:.2vh .3vw;text-decoration:none;color:#fff;font-size:1.5vw;transition-duration:.1s;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000}.menu-link>a:active{transform:translate(.2vw,.4vh);text-shadow:1px 1px 0 #000}.menu-link>a:hover{padding:calc(.2vh - 1px) calc(.3vw - 1px);border:1px solid #fff}.logo{width:30%;position:relative}.logo>a>img{width:18%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.title-container{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:50vw}.title{position:relative}.title-buche{top:.7vh;right:-1vw;width:3vw}.title-buche,.title-plant{position:absolute;z-index:-1;transform:translate(-50%,-50%) rotate(-20deg)}.title-plant{top:-1.5vh;left:0;width:2.5vw}.title-spark{top:90%;right:-2.2vw;width:4.5vw;filter:drop-shadow(.15vw .35vh 0 black)}.parallax,.title-spark{position:absolute;transform:translate(-50%,-50%)}.accueil-nuage,.accueil-nuage2{width:10vw}.accueil-spark1,.accueil-spark2{width:5vw}.accueil-spark3{width:4vw}.accueil-spark4{width:3vw}.cv-container{position:absolute;top:70%;left:50%;transform:translateX(-50%)}.cv-button{position:relative;display:flex}.cv-button>a{font-family:Integral;padding:.6vh 3vw;text-decoration:none;color:#fff;font-size:1.5vw;filter:drop-shadow(.2vw .4vh 0 black);transition-duration:.2s;background-color:#ef476f;border-radius:2vw}.cv-button>a:active{transform:translate(.2vw,.4vh);filter:none}.cv-button>img{position:absolute;top:-.2vh;right:-.7vw;transform:translate(-50%,-50%) rotate(15deg);width:1.5vw;z-index:-1}.homepage-circle-text-container{position:absolute;width:10%;aspect-ratio:1/1;bottom:10vh;left:5vw}.homepage-circle-text{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.homepage-circle-text>svg{position:absolute;top:50%;left:50%;display:block;font-family:Integral;height:auto;animation:rotating 15s linear infinite;color:#fff;text-transform:uppercase;fill:currentColor;transform-origin:center;width:90%}.homepage-circle-text>svg>text{font-size:15.5px;text-shadow:1px 1px 0 #000,2px 2px 0 #000}.mouse{width:1.5vw;position:absolute;bottom:5vh;left:50%;transform:translate(-50%,-50%);animation:floating 3s linear infinite}.bubble{background-color:#fff;border:1px solid #000;border-radius:20px;border-bottom-left-radius:0;padding:10px}@keyframes rotating{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn)}}@keyframes floating{0%{bottom:5vh}50%{bottom:5.5vh}to{bottom:5vh}}.about{width:100vw;height:100vh;position:relative}.about .about-container{position:absolute;width:90vw;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center}.about .about-container .about-left{width:40%;height:-moz-fit-content;height:fit-content;aspect-ratio:1/1;position:relative}.about .about-container .about-left img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.about .about-container .about-right{width:50%;height:60%;position:relative;font-family:Helvetica Bold;display:flex;flex-direction:column;justify-content:space-around}.about .about-container .about-right .about-title{position:relative}.about .about-container .about-right .about-title img:first-child{width:35%}.about .about-container .about-right .about-title img:nth-child(2){position:absolute;width:2vw;left:31.5%;top:10px;transform:rotate(20deg)}.about .about-container .about-right .about-mouse-scroll{display:flex;justify-content:center}.about .about-container .about-right .about-mouse-scroll img{width:3%}.about .about-trait{width:1vw}.about .about-green-spark{width:2.5vw}.about .about-spark{width:5vw}.about .about-spark2{width:4vw}.about .about-cloud{width:12vw}.projet{padding:5%;min-height:100vh}.projet .projet-title{display:flex;justify-content:center}.projet .projet-title img{width:20%}.projet .projet-filter{display:flex;justify-content:space-around;align-items:center;margin:5%}.projet .projet-filter span{font-family:Integral;cursor:pointer;padding:.2vh .3vw;text-decoration:none;color:#fff;font-size:1.2vw;transition-duration:.1s;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000}.projet .projet-filter span:active{transform:translate(.2vw,.4vh);text-shadow:1px 1px 0 #000}.projet .projet-filter span.active,.projet .projet-filter span:hover{padding:calc(.2vh - 1px) calc(.3vw - 1px);border:1px solid #fff}.projet .projet-liste{display:flex;gap:8% 3%;flex-wrap:wrap;justify-content:center}.projet .projet-liste:after{content:"";flex:auto}.projet .projet-liste .projet-item{cursor:pointer;width:30%}.projet .projet-liste .projet-item:last-child{margin-left:2%}.projet .projet-liste .projet-item:active .projet-item-thumbnail{transform:translate(.4vw,.7vh);filter:none}.projet .projet-liste .projet-item:active .projet-item-data .projet-item-title h5{transform:translate(.2vw,.35vh);text-shadow:1px 1px 0 #000}.projet .projet-liste .projet-item .projet-item-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;border-radius:20px;transition-duration:.1s;filter:drop-shadow(.4vw .7vh 0 black)}.projet .projet-liste .projet-item .projet-item-thumbnail img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projet .projet-liste .projet-item .projet-item-data{position:relative;padding:10px}.projet .projet-liste .projet-item .projet-item-data .projet-item-title{font-family:Integral;display:flex;justify-content:space-between;align-items:center;color:#fff}.projet .projet-liste .projet-item .projet-item-data .projet-item-title h5{font-size:2vw;transition-duration:.1s;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000}.projet .projet-liste .projet-item .projet-item-data .projet-item-title .projet-item-share{position:relative;z-index:5;cursor:pointer;width:1vw;height:1vw;padding:.3vw;border-radius:50%;background-color:#ef476f;transition-duration:.1s;filter:drop-shadow(.2vw .35vh 0 black)}.projet .projet-liste .projet-item .projet-item-data .projet-item-title .projet-item-share .projet-item-share-icon{width:100%;height:100%}.projet .projet-liste .projet-item .projet-item-data .projet-item-title .projet-item-share .projet-item-share-text{visibility:hidden;position:absolute;width:5vw;top:1.5vw;left:50%;transform:translateX(-50%)}.projet .projet-liste .projet-item .projet-item-data .projet-item-title .projet-item-share:hover .projet-item-share-text{visibility:visible}.projet .projet-liste .projet-item .projet-item-data .projet-item-title .projet-item-share:active{transform:translate(.2vw,.35vh);filter:none}.projet .projet-liste .projet-item .projet-item-data .projet-item-likes{display:flex;align-items:center;gap:5px;font-family:Helvetica Bold}.projet .projet-liste .projet-item .projet-item-data .projet-item-likes img{width:1vw}.contact{width:100vw;height:100vh;position:relative}.contact .contact-title{display:flex;justify-content:center;align-items:center;padding:7% 0}.contact .contact-title img{width:35%}.contact .contact-liste-support{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14%;display:flex;flex-direction:column;gap:50px}.contact .contact-liste-support .contact-support-container{position:relative;transition-duration:.2s}.contact .contact-liste-support .contact-support-container:active{transform:translate(.2vw,.4vh)}.contact .contact-liste-support .contact-support-container:active a{filter:none}.contact .contact-liste-support .contact-support-container img{position:absolute;width:1.7vw;z-index:1}.contact .contact-liste-support .contact-support-container img.contact-support-enveloppe{top:.5vh;left:.75vw;transform:translate(-50%,-50%) rotate(-20deg)}.contact .contact-liste-support .contact-support-container img.contact-support-photo{top:0;right:-1vw;transform:translate(-50%,-50%) rotate(20deg)}.contact .contact-liste-support .contact-support-container img.contact-support-oiseau{top:-1.5vh;right:1vw;transform:translate(-50%,-50%)}.contact .contact-liste-support .contact-support-container a{padding:.4vh 0;display:block;width:100%;text-align:center;font-family:Integral;text-decoration:none;color:#fff;font-size:1.5vw;filter:drop-shadow(.2vw .4vh 0 black);transition-duration:.2s;background-color:#ef476f;border-radius:2vw}.contact .contact-cloud,.contact .contact-cloud2{width:12vw}.contact .contact-spark,.contact .contact-spark2{width:5vw}.share-modal-container{position:fixed;z-index:10}.share-modal-container .share-modal-background{width:100vw;height:100vh;position:relative;background-color:rgba(0,0,0,.3)}.share-modal-container .share-modal-background .share-modal{width:25vw;height:50vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;background-color:#ffd166;box-shadow:inset 0 0 19px 5px #c6a24e}.share-modal-container .share-modal-background .share-modal .share-modal-title{margin-top:20px;text-align:center;font-family:Integral;color:#fff;font-size:1.5vw;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000}.share-modal-container .share-modal-background .share-modal .share-modal-button-list{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:calc(95% - 1.5vw - 20px)}.share-modal-container .share-modal-background .share-modal .share-modal-button-list .share-button{cursor:pointer;font-family:Integral;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1vw;width:80%;height:12%;border-radius:50px;background-color:#ef476f;filter:drop-shadow(.15vw .35vh 0 black)}.share-modal-container .share-modal-background .share-modal .share-modal-button-list .share-button:active{transform:translate(.15vw,.35vh);filter:none}