body{width:100vw;height:100vh;background-color:#000}#game{z-index:-1;overflow:hidden}#game.active{z-index:0}#video{visibility:hidden;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 1s}#video.active{visibility:visible}#video.visible{opacity:1}#video iframe{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none}#video.ios iframe{pointer-events:auto}#inputs{display:flex;justify-content:center;width:1560px}#inputs .input{display:none;margin:0 30px;width:750px}#inputs .input.active{display:block}#inputs .thought{visibility:hidden;opacity:0;display:block;margin:auto;padding:0;min-width:150px;max-width:100%;border:none;border-bottom:4px solid white;border-radius:0;outline:none;background:none;text-align:center;line-height:1.25;color:#fff;resize:none;transition:opacity 1s,visibility 0s 1s,border-color 1s}#inputs .thought::placeholder{color:#fff;opacity:.2}#inputs .thought.active{visibility:visible;opacity:1;transition:opacity 1s,visibility 0s,border-color 1s}#inputs .thought.complete{color:transparent;text-shadow:0 0 0 white;border-color:transparent}#inputs .thought.complete:focus{outline:none}#inputs .width-sampler{position:absolute;overflow:hidden;white-space:pre}#inputs .thought,#inputs .width-sampler{height:0;overflow:hidden;font-family:"DM Serif Display";font-size:82px}#actions-wrapper{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity 1s,visibility 0s 1s}#actions-wrapper.active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 1s,visibility 0s}#actions{display:flex;flex-direction:row-reverse;align-items:flex-end;position:absolute;bottom:0;right:0;padding:1vw;gap:1vw;width:100%;height:100%}#actions a{display:block;width:8.25%;border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:70%;cursor:pointer}#actions a:before{display:block;content:"";padding-top:100%}#actions #print{background-color:#5153cd;background-image:url(./game/images/printer.png)}#actions #save{background-color:#282966;background-image:url(./game/images/save.png)}#actions #exit{background-color:#000;background-image:url(./game/images/arrow.png)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;user-select:none}html{margin-top:0!important}body{-webkit-font-smoothing:antialiased;overflow-x:hidden;font-family:DM Sans,sans-serif;box-sizing:border-box;position:relative}body.noscroll{overflow:hidden}.center{display:flex;align-items:center;justify-content:center;height:100%}#flies-canvas{position:absolute;top:0;left:0;filter:blur(27px)}a{display:inline-block;text-decoration:none;letter-spacing:1.5px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.green{background:linear-gradient(94deg,#e0f4e9 0%,white 100%)}.pink{background:linear-gradient(94deg,#f5e1ed 0%,white 100%)}.blue{background:linear-gradient(94deg,#e2e2f5 0%,white 100%)}.red{background:linear-gradient(94deg,#f7e1e1 0%,white 100%)}.purple{background:linear-gradient(94deg,#eecef5 0%,white 100%)}.page-view{opacity:1;position:absolute;top:0;width:100vw;height:100vh;transition:opacity .5s,visibility 0s}.page-view.hidden{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.flies-container{position:fixed;overflow:hidden;background-color:#fff}.flies-container.under{z-index:-1}.home .container{position:relative;height:100vh;width:100%;min-height:440px;text-align:center}.home .container .logo{width:75%;max-width:768px;margin-bottom:60px}.home .container .btn{position:absolute;bottom:30px;right:30px}.home .info{position:absolute;font-size:24px;color:#000;display:block;bottom:60px;right:60px}@media all and (max-width: 768px){.home .info{width:100%;left:0;padding:0 60px;bottom:30px}}.btn-slide{padding:32px 60px 29px;border:1px solid #000;color:#000;font-size:30px;transition:all .3s;display:inline-block;margin-bottom:90px}.btn-slide:hover{background:#000;color:#fff}.intro{transition:background-color .5s ease,opacity .5s,visibility 0s}.intro .hidden{transition:background-color .5s ease,opacity .5s,visibility 0s .5s}.intro .slides{height:auto}.intro .see-intro-btn{padding:10px 15px 7px;border:1px solid #4c77c5;color:#4c77c5;text-transform:uppercase;font-size:12px;cursor:pointer;transition:all .3s;position:absolute;top:30px}.intro .see-intro-btn:hover{background-color:#4c77c5;color:#fff}.intro .center-hor{position:absolute;width:100%;height:auto;text-align:center;top:30px}.intro .center-hor .skip-style{padding:10px 15px 7px;border:1px solid #4c77c5;color:#4c77c5;text-transform:uppercase;font-size:12px;cursor:pointer;transition:all .3s}.intro .center-hor .skip-style:hover{background-color:#4c77c5;color:#fff}.intro .center-hor #audio-toggle{position:absolute;top:0;right:50px;width:40px;height:40px;background-image:url(website/images/son-off.png);background-position:center;background-repeat:no-repeat;background-size:100%;cursor:pointer}.intro .center-hor #audio-toggle.enabled{background-image:url(website/images/son-on.png)}@media all and (max-width: 768px){.intro .center-hor #audio-toggle{right:30px;width:30px;height:30px}}.intro .container{min-height:calc(100vh - 0.5px);width:100%;text-align:center}.intro .container.last-slide h3:last-of-type{margin-bottom:90px}.intro .container .content{position:absolute;height:100%;width:100%;padding:90px;box-sizing:border-box}@media all and (max-width: 768px){.intro .container .content{padding:30px}}.intro .container .content .logo{margin:30px 0 15px}.intro .container .content .logo:first-of-type{margin-top:90px}.intro .container .content p{font-size:24px;display:block;max-width:660px;margin:auto auto 30px;line-height:30px}@media all and (max-width: 768px){.intro .container .content p{font-size:20px;line-height:26px}}.intro .container .content p:last-of-type{margin-bottom:90px}.intro .container .content.longer{position:relative!important;height:auto;padding-bottom:90px!important}.intro .container h3{display:block;font-family:"DM Serif Display",serif;font-size:50px;line-height:60px;max-width:860px;margin:0 auto 30px}@media all and (max-width: 1024px){.intro .container h3{font-size:44px;line-height:55px}}@media all and (max-width: 768px){.intro .container h3{font-size:32px;line-height:38px}}.intro .swiper{z-index:0;display:none;background-image:url(website/images/waves.png)}.intro .swiper.ready{display:block}.intro .swiper-pagination{z-index:0;bottom:45px!important}@media all and (max-width: 768px){.intro .swiper-pagination{bottom:30px!important}}.intro .swiper-pagination-bullet-active{background:black;opacity:.8}.intro #flies-canvas canvas{display:none;opacity:0}.intro .sw-btn{z-index:0;color:#000;top:inherit;bottom:30px}.intro .sw-btn.swiper-button-next{right:60px}.intro .sw-btn.swiper-button-prev{left:60px}@media all and (max-width: 768px){.intro .sw-btn{bottom:15px}.intro .sw-btn.swiper-button-next{right:30px}.intro .sw-btn.swiper-button-prev{left:30px}}.intro .sw-btn:after{font-size:32px}.intro .sw-btn.swiper-button-disabled{opacity:.1}.start .container{position:fixed;height:100vh;min-height:440px}.start .container .center{flex-direction:column}.start .container .center .logo{width:60%;max-width:768px;margin-bottom:60px}.start .container .center .start-btn{position:absolute;bottom:80px;padding:32px 60px 29px;border:1px solid white;color:#fff;font-size:30px;transition:all .3s}.start .container .center .start-btn:hover{background-color:#fff;color:#000}.final{box-sizing:border-box;text-align:center;min-width:600px;z-index:-1}.final.hidden{width:0;height:0;overflow:hidden}.final .rejouer{padding:10px 15px 7px;border:1px solid #4c77c5;color:#4c77c5;text-transform:uppercase;font-size:12px;transition:all .3s}.final .rejouer:hover{background-color:#4c77c5;color:#fff}.final .scroll{padding:30px;min-height:100vh}.final .scroll .rejouer{padding:10px 15px 7px;border:1px solid #4c77c5;color:#4c77c5;text-transform:uppercase;font-size:12px;transition:all .3s}.final .scroll .rejouer:hover{background-color:#4c77c5;color:#fff}.final .scroll .message-fin{font-family:"DM Serif Display",serif;font-size:40px;font-weight:700;padding:90px}.final .scroll .container-equipe-creations{font-family:DM Sans,sans-serif}.final .scroll .container-equipe-creations .titre-creation{font-family:"DM Serif Display",serif;font-weight:700;font-size:22px}.final .scroll .container-equipe-creations .titre-equipe{font-size:15px;text-transform:uppercase;font-weight:700;letter-spacing:1px;padding:10px}.final .scroll .container-equipe-creations .equipe{padding:13px}.final .scroll .container-equipe-creations p{padding:5px}.final .scroll .container-equipe-creations .production p{text-decoration:underline}.final .scroll .container-partenaires{padding:50px 30px 30px}.final .scroll .container-partenaires .partenaire{font-size:15px;padding:15px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.final .scroll .container-partenaires .partenaire-img{padding:20px}