body{font-family:sans-serif;font-size:18px;line-height:1.5}.title,body{color:#050505}@font-face{font-display:swap;font-family:zigzag;font-style:normal;font-weight:400;src:url(../assets/font/INVASION2000.woff2) format("woff2")}@font-face{font-display:swap;font-family:canada;font-style:normal;font-weight:400;src:url(../assets/font/radio-canada-big-v1-latin-regular.woff2) format("woff2")}::-moz-selection{background-color:#542b0e;color:#dfc0ae}::selection{background-color:#542b0e;color:#dfc0ae}.index{background-color:#dfc0ae;cursor:none;margin:0;max-width:100vw;overflow-x:hidden}.index h1{color:#542b0e;font-family:zigzag;text-align:center}.index h2{font-family:zigzag;margin:0 0 28px}.index p{color:#542b0e;line-height:1.6}.index h3{font-family:zigzag;margin:0 0 28px}.index .cursor-dot,.index .cursor-dot-outline{border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.index .cursor-dot{background-color:#542b0e;height:8px;transition:background-color .3s ease-in-out;width:8px}.index .cursor-dot-outline{background-color:rgba(84,43,14,.5);height:40px;transition:background-color .3s ease-in-out;width:40px}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#542b0e}body::-webkit-scrollbar-thumb{background-color:#dfc0ae;border:3px solid #542b0e;border-radius:20px}.header{align-items:center;background-attachment:fixed;background-image:url(../assets/images/bg-header.webp);cursor:auto;display:flex;height:100vh;justify-content:center;max-width:100vw;overflow:hidden!important;position:relative;text-align:center}.header__txt{padding:15px;z-index:10}.header__txt .header__title{color:#f1efef;font-family:Pixelify Sans,sans-serif;font-size:27px;text-shadow:0 0 7px #3351e3}.header h1{color:#f1efef;font-size:80px;text-shadow:0 7px 0 #3351e3}.header__img{opacity:.8;position:absolute}.header__img--top{animation:move-top 15s linear infinite;right:-110px;top:10px;width:250px}.header__img--right{animation:move-right 10s linear infinite;bottom:-38px;left:-250px;opacity:.8;width:450px}.header__img--bottom,.header__img--topleft{animation:move-right 15s linear infinite;display:none}@keyframes move-top{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes move-right{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.header__title{padding-right:0}.section{height:100vh;padding-top:56px}.titleAnim{color:#542b0e;text-align:center}.intro{color:#542b0e;font-family:canada;height:100vh;position:relative}.intro__imgs{background:linear-gradient(#dfc0ae 0 40%,#542b0e 40% 100%);bottom:0;display:flex;flex-flow:row nowrap;justify-content:space-between;position:absolute;width:100%;z-index:-1}.intro__img{background-size:cover;margin-top:30px;width:200px}.intro__img--2{display:none}.intro__txt{padding-left:15px;padding-right:15px}.pourquoi{height:100vh;position:relative}.pourquoi__content{left:50%;padding-left:15px;padding-right:15px;position:absolute;top:5%;transform:translateX(-50%);width:95%}.pourquoi__txt{font-size:18px}.pourquoi__imgs{background:linear-gradient(#dfc0ae 0 40%,#542b0e 40% 100%);bottom:0;display:flex;flex-flow:row nowrap;justify-content:space-between;position:absolute;width:100%;z-index:-1}.pourquoi h2{color:#542b0e;font-family:zigzag}.whatis{position:relative}.whatis__container{display:flex;font-family:Pixelify Sans,sans-serif;justify-content:center;width:100%}.whatis__text{color:#542b0e;font-family:zigzag;font-size:28px;font-weight:100}.whatis__content{left:50%;position:absolute;top:10%;transform:translateX(-50%);width:100%}.whatis__imgs{background:linear-gradient(#dfc0ae 0 40%,#542b0e 40% 100%);bottom:0;display:flex;flex-flow:row nowrap;justify-content:space-between;position:absolute;width:100%;z-index:-1}.whatis__img{background-size:cover;margin-top:30px;width:300px;z-index:10}.whatis__img--2{display:none}.whatis__p{padding-left:15px;padding-right:15px}.game{align-items:flex-start;background-image:url(../assets/images/parquet.webp);background-size:contain;color:#fff;display:flex;margin-bottom:84px}.game__img{border:10px solid #542b0e;border-radius:20px;width:300px}.game h2{color:#542b0e;font-family:zigzag}.game .game__title{color:#f1efef}.game__right{padding:100px}.game__left,.game__right{box-sizing:border-box;flex:1}.game__left{margin-bottom:100px;margin-top:100px;position:sticky;text-align:center;will-change:transform}.game__box--right{background-color:#dfc0ae;border:10px solid #542b0e;border-radius:20px;box-sizing:border-box;margin-bottom:30px;max-width:80ch;padding:40px 20px;transition:transform .3s ease}.members{margin-top:10rem;padding-top:56px}.members__container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.members__allCard{border-radius:5px;cursor:pointer;height:500px;perspective:1000px;width:300px}.members__flipCard{background-color:transparent;height:100%;position:relative;width:100%}.members__flipCard:hover .members__inner{transform:rotateY(180deg)}.members__inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.members__h3{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background-color:rgba(17,25,40,.5);border:1px solid hsla(0,0%,100%,.125);color:#f1efef;margin-top:425px!important;padding-bottom:3px;text-align:center;z-index:10}.members__h4{color:#f1efef;left:50%;position:absolute;top:65%;transform:translateX(-50%);width:90%;z-index:10}.members__back,.members__front{backface-visibility:hidden;background-clip:padding-box;border:2px solid transparent;height:100%;left:0;position:absolute;top:0;width:100%}.members__back:before,.members__front:before{background:#1e90ff;background-size:100%;content:"";height:500px;position:relative;width:300px}.members__front{background-color:#49b0b6;background-image:url(../assets/images/members/julie.png);background-position:50%;background-size:cover;color:#fffdfd;position:relative;z-index:1}.members__front--amandine{background-image:url(../assets/images/members/amandine.png)}.members__front--gabriel{background-image:url(../assets/images/members/gabriel.png)}.members__front--pearl{background-image:url(../assets/images/members/pearl.png)}.members__front--guillaume{background-image:url(../assets/images/members/guillaume.png)}.members__back{background-color:#542b0e;color:#f1efef;transform:rotateY(180deg);z-index:10}.members__back p{color:#fff;margin:50px auto auto;text-align:left;width:90%}.members__content{margin:auto}.members__icon .social{justify-content:center;margin:auto;position:fixed;text-align:center;width:100%;z-index:10}.members__icon .social__link{align-items:center;background:transparent;border:.2rem solid #f1efef;border-radius:50%;box-shadow:0 .2rem .5rem #f1efef;color:#f1efef;display:inline-flex;font-size:18px;height:2rem;justify-content:center;margin:2.5rem .75rem 3rem;text-decoration:none;transition:.5s ease;width:2rem}.members__icon .social__link:hover{background:transparent;border-color:#dfc0ae;box-shadow:0 .2rem .5rem #dfc0ae;color:#dfc0ae;transform:scale(1.4)}.footer{background-color:#542b0e;bottom:0;color:#f1efef;margin-bottom:0;margin-top:500px;overflow-x:hidden;padding:30px 0 1rem;text-align:center;width:100%}.footer__contact{list-style:none;padding-left:0;text-align:center;text-decoration:none}.footer__link{color:#f1efef;font-size:18px;text-decoration:none}.footer__link:hover{color:#dfc0ae;transition:.2s ease-out}.footer p{color:#f1efef;cursor:pointer}.credits{background-color:#dfc0ae;font-family:canada;max-width:100vw;overflow-x:hidden;padding-left:8px}.credits .back{display:flex;margin-bottom:84px;width:100vw}.credits .back a{align-items:center;color:#542b0e;display:flex;text-decoration:none}.credits .back a:hover{color:#85461a;transition:.3s ease-in-out}.credits .back i{align-items:center;display:flex;margin-right:15px}.credits .back p{align-items:center;display:flex;margin:0}.credits__div{margin-bottom:128px}.credits__div h2{font-size:40px;margin:0 0 0 .5em}.credits__div ul{line-height:1.6;list-style:none;text-indent:-1.5em}.credits__div p,.credits__div ul{font-size:18px;margin-left:.5em}@media screen and (min-width:489px){.intro__txt,.whatis p{margin:auto;max-width:50ch}.whatis__img{width:200px}.pourquoi__txt{margin:auto;max-width:50ch}.credits h2{font-size:45px}.credits p,.credits ul{font-size:20px}}@media screen and (min-width:500px){.pourquoi__img--1{display:block;position:absolute;right:0;top:-150px;width:300px}}@media (max-width:850px){.game{align-items:center;flex-direction:column}.game__left,.game__right{padding:20px}.game__left{margin-bottom:20px;margin-top:20px;position:static}.game__right{margin:auto}}@media screen and (max-width:768px){.members__content--iner{width:80%}}@media screen and (min-width:768px){h3{font-size:36px}h2{font-size:54px}p{font-size:26px}.header__txt h1{font-size:150px;margin-bottom:0;margin-top:0}.header__txt h2{font-size:150px}.intro__img--2{display:block}.whatis__text{font-size:36px}.whatis__img--2{display:block}.pourquoi__txt,.pourquoi__txt span{font-size:26px}.pourquoi__img{bottom:-320px;display:none;display:block;position:absolute;right:50%;top:-150px;transform:translateX(50%);width:150px}.pourquoi .intro__img{width:150px}.members__back:before,.members__front:before{height:700px;width:550px}.members__front--amandine h2,.members__front--guillaume h2{font-size:40px}.members__back p{font-size:20px}.members__back--pearl p{font-size:18px}.members__h2{font-size:40px;margin-top:375px!important}.members__h4{top:55%}.credits{padding-left:33px}.credits h2,.credits p,.credits ul{margin-left:2rem}.credits h2{font-size:54px}.credits p,.credits ul{font-size:26px}}@media screen and (min-width:789px){.titleAnim{font-size:54px}.header__img--topleft{top:27px;width:150px}.header__img--bottom,.header__img--topleft{animation:move-right 15s linear infinite;display:block}.pourquoi__img{display:block}}@media screen and (min-width:1000px){.header h1{font-size:250px}.header__title{margin:auto;text-align:center}.header .header__title{font-size:36px}.intro__img{width:500px}.whatis{position:relative}.whatis__img{bottom:200px;opacity:1;width:300px}.whatis p{z-index:10!important}.pourquoi__img{bottom:150px}.pourquoi__img--1{opacity:.7;right:50%;top:-250px;transform:translateX(50%);width:500px}}@media screen and (min-width:1200px){.header{background-size:cover}.header h1{font-size:300px}.whatis__img{width:500px}.pourquoi .intro__img{width:300px}.members__container{margin:auto;max-width:50%}}

/*# sourceMappingURL=app.css.map*/