.navbar{align-items:center;background-color:#390a03;display:flex;justify-content:space-between;padding:5px 20px;position:relative}.navbar .logo{height:50px;overflow:hidden;position:relative;z-index:10}.navbar .logo img{height:100%}.burger{background:#5d7d20;border:none;border-radius:100%;cursor:pointer;display:block;height:45px;position:relative;width:45px;z-index:10}.burger span{background:#fff;display:block;height:3px;margin:5px auto;transition:all .3s;width:25px}.burger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.btns{align-items:center;background-color:#390a03;flex-direction:column;gap:30px;height:100vh;position:fixed;right:-100%;text-align:center;top:0;transition:right .3s ease;z-index:9}.btns,.btns>div{display:flex;justify-content:center;width:100%}.btns.active{right:0}@media (min-width:768px) and (min-height:600px){.burger{display:none}.btns{align-items:center;background:none;flex-direction:row;gap:40px;height:auto;position:static}.btns,.btns>div{width:auto}}.buttons{align-items:center;background-color:#5d7d20;border-radius:5px;cursor:pointer;display:flex;font-size:25px;height:40px;justify-content:center;width:150px}.button{color:#fff;text-decoration:none}.home-button,.home-link{align-items:center;display:flex;justify-content:center}button{background-color:#5d7d20;border:0;cursor:pointer;font-size:25px}.home{display:flex;flex-direction:column;gap:30px}@media screen and (min-width:1024px){.home{flex-direction:row}}.containerGames{align-items:center;background-color:#390a03;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:20px;max-width:410px;padding-block:50px;padding-inline:30px;text-align:center}.containerGames h2{max-width:600px}.games{align-items:center;display:flex;flex-direction:column;gap:20px}@media screen and (min-width:768px){.containerGames{max-width:none;width:clamp(0px,50vw,800px)}.games{flex-direction:row;height:100%}}@media screen and (min-width:768px) and (orientation:portrait){.containerGames{width:90%}}.game-container{align-items:center;display:flex;flex:0 0 auto;flex-direction:column}.game-container,.game-image{border-radius:15px;overflow:hidden}.game-image{max-height:clamp(0px,40vw,180px);object-fit:contain}.game-name{color:#fff;font-size:20px;margin-top:10px;text-align:center}@media screen and (min-width:768px){.game-image{height:clamp(0px,20vw,180px);max-height:none}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.game-image{height:clamp(0px,15vw,200px);max-height:none}}#container,img{display:flex;flex-direction:column;position:relative}#head{top:20px;width:120px;z-index:1}#body{left:30px;width:100px}.sebi p.bubble{background-color:#fff;border:4px solid #333;border-radius:30px;font-size:clamp(1rem,2vw,1.3rem);line-height:1.4em;margin-bottom:20px;max-width:300px;padding:10px;position:relative;text-align:center;width:100%}.sebi p.bubble:after,.sebi p.bubble:before{content:" ";height:0;position:absolute;width:0}.sebi p.speech:before{border-color:#333 #0000 #0000 #333;border-style:solid;border-width:18px;bottom:-38px;left:80px}.sebi p.speech:after{border-color:#fff #0000 #0000 #fff;border-style:solid;border-width:15px;bottom:-30px;left:83px}@media screen and (min-width:1025px){#head{width:200px}#body{bottom:14px;left:45px;width:180px}}.form-sign-up{gap:30px;max-width:600px;width:100%}.form-sign-up,.sign-up-form{display:flex;flex-direction:column;justify-content:center;padding:20px}.sign-up-form{background-color:#390a03d9;border-radius:15px;gap:15px}@media (min-width:768px){.form-sign-up{gap:50px;padding:40px}.sign-up-form{padding:30px}.form-title{font-size:24px}.sign-up-form label{font-size:16px}.sign-up-form input{font-size:16px;padding:12px}}@media (min-width:1024px){.form-sign-up{flex-direction:row;max-width:none}.sign-up-form{min-width:600px}}.form-login{gap:30px;max-width:600px;width:100%}.form-login,.login-form{display:flex;flex-direction:column;justify-content:center;padding:20px}.login-form{background-color:#390a03d9;border-radius:15px;gap:15px}.form-title{color:#fff;margin-bottom:20px;text-align:center}label{color:#fff;font-size:14px}input{font-size:14px;padding:10px}.login-button,input{border:none;border-radius:8px}.login-button{background-color:#5d7d20;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .3s}.login-button:hover{background-color:#45a049}@media (min-width:768px){.form-login{gap:50px;padding:40px}.login-form{padding:30px}.login-form label{font-size:16px}.login-form input{font-size:16px;padding:12px}}@media (min-width:1024px){.form-login{flex-direction:row;max-width:none}.login-form{min-width:600px}}.games-list{gap:30px}.games-block,.games-list{display:flex;flex-direction:column}.games-block{align-items:center;text-align:center}.games-block .text-games{background:#fff9;border-radius:12px;box-shadow:0 2px 8px #00000012;line-height:1.5;margin-top:15px;max-width:400px;padding:15px;word-break:break-word}.games-block .text-games b{color:#39883c}@media screen and (min-width:1024px){.games-list{flex-direction:row}}.book{background-color:#fdf6e3;border-radius:20px;box-shadow:0 0 15px #0000001a;font-family:Comic Sans MS,cursive,sans-serif;margin:0 auto;max-width:1000px;padding:2rem;text-align:center}.book h1{color:#4b3f72;font-size:2rem;margin-bottom:1rem}.book button{background-color:#fca311;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:2rem;padding:.8rem 1.5rem;transition:background-color .3s ease}.book button:hover{background-color:#ffba3c}.book div{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.book img{border-radius:15px;box-shadow:0 5px 10px #0000001a;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.book img:hover{transform:scale(1.05)}.footer{align-items:center;background-color:#390a03;color:#fff;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:5px;text-align:center}.footer a{color:#fff;font-size:14px;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#4caf50}@media (min-width:768px){.footer{gap:30px}}@media screen and (min-width:768px),screen and (orientation:landscape){.footer{display:flex;flex-direction:row}}.route{display:flex;flex-direction:column;height:100%;min-height:100vh}.content{align-items:center;background-image:url(/static/media/background-img.09175d25c1bed18050f6.png);background-repeat:no-repeat;flex:1 1;min-height:calc(100vh - 86px);padding:20px}.content,.content-game{background-position:50%;background-size:cover;display:flex;justify-content:center;width:100%}.content-game{background-image:url(/static/media/fond-james.f18dbdb16779b6fd9e7e.png);flex-direction:column;height:calc(100vh - 86px)}#choixNiveau .landscape{display:none}#choixNiveau{height:100vh;margin-inline:20px}#choixNiveau,#choixNiveau .portrait{align-items:center;flex-direction:column;justify-content:center}#choixNiveau .portrait{display:flex;gap:20px;height:100%}#choixNiveau .portrait p{font-size:32px}.portrait img{width:50%}@media screen and (min-width:500px),screen and (orientation:landscape){#choixNiveau .portrait{display:none}#choixNiveau .landscape{align-items:center;display:flex;height:100%;justify-content:space-around}}.james-bloc,.sebi-bloc{align-items:end;display:flex;height:100%}.james-bloc img{height:25vw;max-height:18rem;min-height:7.5rem;transform:scaleX(-1)}#choixNiveau .landscape #select-game{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:center}#select-game p{background-color:#ffffff80;border-radius:10px;color:#000;font-size:clamp(1rem,3vw,3rem);padding:5px 10px;text-align:center;text-transform:uppercase}#choixNiveau #btnBlock{display:flex;gap:20px}#choixNiveau #btnBlock .btn{background-color:#390a03;border-radius:10px;color:#fff;cursor:grab;font-size:clamp(1rem,2.5vw,2rem);height:9vw;max-height:80px;max-width:220px;padding:10px 20px;width:22vw}#choixNiveau #btnBlock .btn:hover{background-color:#ed9d67}@media screen and (orientation:portrait){#select-game p{font-size:clamp(0px,4vw,4rem)}#choixNiveau #btnBlock .btn{max-height:130px;max-width:320px}}#level{height:100%}#level .landscape{display:none}#level .portrait{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}#level .portrait .rotate{height:200px;width:200px}@media screen and (min-width:768px),screen and (orientation:landscape){#level .portrait{display:none}#level .landscape{display:flex;flex-direction:column;height:100%;position:relative;width:100%}}.top-bar{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 10px;position:absolute;top:10px;width:100%;z-index:7}.top-bar .score-info{display:flex;font-size:clamp(1rem,2.5vw,1.5rem);gap:20px;text-align:center;z-index:5}.top-bar .score-info span{background-color:#ed9d67e6;border:1px solid #390a03;border-radius:20px;color:#390a03;font-weight:700;padding:5px 15px;width:20vw}.top-bar .trophy{background-color:#ed9d67;border-radius:5px;max-width:60px;padding:5px}.top-bar .cross,.top-bar .trophy{cursor:pointer;width:6vw;z-index:2}.top-bar .cross{max-width:50px}#level .landscape .level{gap:50px;padding-inline:30px}#level .landscape .difficile,#level .landscape .level{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}#level .landscape .level #leftBlock{align-items:end;display:flex;height:100%;min-width:200px}#level .landscape .level #rightBlock{display:flex;justify-content:center}#level .landscape .difficile #rightBlock{align-items:flex-end;display:flex;height:100%;justify-content:center;position:relative}#blockResFacile{grid-gap:clamp(10px,2vw,20px);display:grid;gap:clamp(10px,2vw,20px);grid-template-columns:repeat(2,1fr)}#blockResDifficile{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}#blockResDifficile #btn{border-radius:5px;padding:10px 20px}#blockResFacile .response{background-color:#fff;border:4px solid #000;border-radius:10px;font-size:clamp(1rem,2.5vw,1.5rem);height:8vw;max-height:70px;max-width:70px;width:8vw}#blockResFacile .response.correct{background-color:#4caf50;border:1px solid #000}#blockResFacile .response.incorrect{background-color:#f44336;border:1px solid #000}#blockResDifficile .response{background-color:#fff;border:4px solid #000;border-radius:10px;font-size:clamp(1rem,2.5vw,1.5rem);height:8vw;max-height:70px;text-align:center}#blockResDifficile .btn{background-color:#ed9d67;border-radius:10px;font-size:clamp(1rem,2.5vw,1.3rem);height:7vw;max-height:50px;padding:10px;width:50%}#chrono{align-items:center;background:#fff;bottom:10px;box-shadow:0 0 10px #0000001a;display:flex;height:60px;justify-content:center;left:10px;width:60px}#chrono,#chrono:before{border-radius:50%;position:absolute}#chrono:before{background:conic-gradient(#4caf50 calc(var(--progress-width)*1%),#e0e0e0 calc(var(--progress-width)*1%));bottom:5px;content:"";left:5px;right:5px;top:5px;transition:all 1s linear}#chrono span{align-items:center;background:#fff;border-radius:50%;color:#390a03;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;position:relative;width:40px;z-index:2}#chrono.warning:before{animation:pulse .8s infinite;background:conic-gradient(#f44336 calc(var(--progress-width)*1%),#e0e0e0 calc(var(--progress-width)*1%))}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.classement-popup{background:#fff;border:2px solid #390a03;border-radius:10px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;padding:20px;position:relative;width:300px}.classement-popup h3{color:#390a03;font-size:20px;margin-top:0;text-align:center}.classement-popup ul{list-style:none;margin:10px 0 0;padding:0}.classement-popup li{font-weight:700;padding:6px 0}.close-button{background:none;border:none;color:#390a03;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:10px;top:8px}.james{align-items:center;display:flex;flex-direction:column;width:100%}.james img{height:20vw;transform:scaleX(-1);width:auto}#correct{z-index:4}.james p.bubble{background-color:#fff;border:4px solid #333;border-radius:30px;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4em;margin-bottom:20px;max-width:300px;padding:10px;position:relative;text-align:center;width:100%}.james p.bubble:after,.james p.bubble:before{content:" ";height:0;position:absolute;width:0}.james p.speech:before{border-color:#333 #0000 #0000 #333;border-style:solid;border-width:18px;bottom:-38px;left:50%;transform:translateX(-50%)}.james p.speech:after{border-color:#fff #0000 #0000 #fff;border-style:solid;border-width:15px;bottom:-30px;left:50%;transform:translateX(-50%)}@media screen and (min-width:768px) and (orientation:portrait){.james img{height:45vw}}@media screen and (min-width:959px) and (orientation:landscape){.james img{height:25vw}}.mentions-legales{background-color:#fff8f1;color:#390a03;padding:40px 20px}.mentions-legales .container{background:#fff;border:2px solid #ed9d67;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin:auto;max-width:800px;padding:30px}.mentions-legales h1{color:#ed9d67;font-size:2.2rem;margin-bottom:20px;text-align:center}.mentions-legales h2{color:#390a03;font-size:1.5rem;margin-top:30px}.mentions-legales p{line-height:1.6;margin:10px 0}.mentions-legales a{text-decoration:underline}.hebergeur a{color:#ed9d67}.back-home{background-color:#ed9d67;border-radius:10px;color:#fff;display:inline-block;font-weight:700;margin-top:30px;padding:10px 20px;text-decoration:none}.page404{align-items:center;background:url(/static/media/nuages.fda606b2f180c17a9504.png) no-repeat 50% fixed;background-size:cover;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 86px)}.page404-message{background:#ed9c67;border:4px solid #4a2a15;border-radius:20px;box-shadow:0 4px 10px #0003;margin:10px auto;margin-inline:10px;max-width:600px;padding:10px;text-align:center;width:80%}.page404-message h1{color:#4a2a15;font-size:clamp(0px,12vw,60px);margin-bottom:10px}.page404-texte{color:#4a2a15;font-size:clamp(0px,7vw,32px)}.page404-message h2{font-size:clamp(0px,12vw,60px);margin-top:20px}.page404-message h2,.page404-subtext{color:#5d7d20;font-weight:700;margin-bottom:10px}.page404-subtext{font-size:clamp(0px,6vw,30px)}.page403{align-items:center;background:url(/static/media/nuages.fda606b2f180c17a9504.png) no-repeat 50% fixed;background-size:cover;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 86px)}.page403-message{background:#ed9c67;border:4px solid #4a2a15;border-radius:20px;box-shadow:0 4px 10px #0003;margin:10px auto;margin-inline:10px;max-width:600px;padding:10px;text-align:center;width:80%}.page403-message h1{color:#4a2a15;font-size:clamp(0px,12vw,60px);margin-bottom:10px}.page403-texte{color:#4a2a15;font-size:clamp(0px,7vw,32px)}.page403-message h2{font-size:clamp(0px,12vw,60px);margin-top:20px}.page403-message h2,.page403-subtext{color:#5d7d20;font-weight:700;margin-bottom:10px}.page403-subtext{font-size:clamp(0px,6vw,30px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}h2{font-size:clamp(1.5rem,3vw,2.5rem)}p{font-size:clamp(.875rem,2vw,1.125rem)}body{font-family:Verdana,sans-serif}
/*# sourceMappingURL=main.adcdc6a4.css.map*/