:root{--blue-color:#2b9cff}*{box-sizing:border-box}html{scroll-behavior:smooth}#root,body,html{height:100%}body{margin:0;background-color:#0f0f11;overflow-x:hidden;font-family:"Roboto Slab",serif;background-image:url(/static/media/background.9cc01789.png);background-repeat:no-repeat;background-position:50%;background-size:cover;background-attachment:fixed;-webkit-tap-highlight-color:rgba(107,107,107,0);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background-color:rgba(211,224,234,.5)}body::-webkit-scrollbar-thumb{background-color:teal;border-radius:20px}a{text-decoration:none;color:#fff;font-size:1.5rem;font-family:"Lobster",cursive;cursor:pointer;border-radius:5px;text-shadow:1px 1px 2px #000;box-shadow:0 0 5px 1px #191919}.NavBar{background-color:var(--blue-color)}button{font-family:"Lobster",cursive;padding:5px 50px;border-radius:5px;border:none;color:#fff;font-size:1.2rem;text-shadow:1px 2px 2px #000;box-shadow:0 0 5px 1px #191919;cursor:pointer;transition:all .5s}button:active{transform:translateY(3px);box-shadow:none}h1{margin:5px;padding:5px 20px;border-radius:5px;font-family:"Spirax",cursive;color:var(--blue-color);font-size:2rem;text-shadow:1px 1px 2px #000;box-shadow:0 0 10px 0 #000;background-color:rgba(211,224,234,.7);max-width:700px}input{font-family:"Roboto Slab",serif}select{background-color:#fff}textarea{width:100%;border:none;border-radius:5px;font-family:"Roboto Slab",serif;font-size:.9rem}@keyframes zoom{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes dezoom{0%{transform:scaleX(1)}to{transform:scale3d(0,0,0)}}@keyframes slideIn{0%{transform:translate3d(-100vw,0,0)}to{transform:translateZ(0)}}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(100vw,0,0)}}@keyframes slideToLeft{0%{transform:translate3d(100vw,0,0)}to{transform:translateZ(0)}}@keyframes construction{0%{transform:rotate(0)}to{transform:rotate(50deg)}}@keyframes beat{0%{transform:scale3d(1.5,1.5,1.5)}to{transform:scaleX(1)}}.zoom{animation:zoom .5s forwards}.dezoom{animation:dezoom .5s forwards}.slideIn{animation:slideIn .3s forwards;animation-delay:0s}.slideOut{animation:slideOut .3s forwards;animation-delay:0s}.Header{font-family:"Spirax",cursive;font-style:italic;background-color:#000;height:6%;display:flex;justify-content:center;align-items:center}.Header h1{margin:0;padding:0;color:gold;font-size:1.8rem;background-color:initial;box-shadow:none}.Header .ramadan-img{width:30px;margin-left:10px;position:relative;bottom:2px}.Header .ToggleBtn{position:absolute;right:2px}.Header .ToggleBtn .toggle{vertical-align:middle}.Header .ToggleBtn.hidden{animation:hidden .5s forwards}@keyframes hidden{to{opacity:0}}.NavBar{position:fixed;bottom:0;width:100%;max-width:796px;height:8%;display:flex;justify-content:space-around;align-items:center;transition:all .5s}.NavBar a{box-shadow:none;display:flex}.NavBar .icon{font-size:36px;color:#fff;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.8));transition:all .3s ease-in-out}.NavBar .active .icon{color:salmon}.NavBar.hidden{transform:translateY(100%)}.BoutonLink{background-size:100% 100%;width:95vw;max-width:500px;height:25vw;max-height:150px}.BoutonLink a{font-size:1.8rem;height:100%;width:100%;justify-content:center;font-family:"Spirax",cursive;text-shadow:0 0 15px gold;box-shadow:none}.BoutonLink a,.Home{display:flex;align-items:center}.Home{flex-direction:column;justify-content:space-evenly;height:86%;animation:zoom .7s forwards}.Home .link-proposition{box-shadow:none;color:salmon;transition:all .3s ease-in-out;text-decoration:underline}.Home .white{color:#fff;font-size:22px}.Home .icon{vertical-align:bottom;color:salmon;margin-left:2px}.ListClassement{width:100%;padding-bottom:50px}.ListClassement .gold{color:gold}.ListClassement .silver{color:#a8a8a8}.ListClassement .bronze{color:#e68e19}.ListClassement .icon{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.8))}.ListClassement table{border-radius:5px;width:97%;margin:auto;border-collapse:collapse;text-shadow:1px 1px 2px #000;color:#fff;overflow:hidden;text-transform:capitalize}.ListClassement table thead tr{background-color:rgba(43,156,255,.7)}.ListClassement table tbody tr:nth-of-type(2n){background-color:rgba(75,119,141,.9)}.ListClassement table tbody tr:nth-of-type(odd){background-color:hsla(0,0%,66.7%,.8)}.ListClassement .rank{width:13%}.ListClassement .pseudo{width:25%}.ListClassement .score{width:15%}.ListClassement .note{width:16%}.ListClassement #userID{color:#00bfff;font-weight:700}.Loader{top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.7);z-index:2;align-items:center;justify-content:center}.Loader,.ScrollTop{position:fixed;display:flex}.ScrollTop{top:50%;right:0;transform:translateY(-50%);flex-direction:column;z-index:1}.ScrollTop .icon{font-size:1.6rem;color:hsla(0,0%,100%,.9);cursor:pointer;margin:7px 1px;filter:drop-shadow(2px 2px 1px #4e4e4ee3)}.Classement{animation:zoom .7s}.Classement h1{display:inline-block;position:relative}.Classement .classement-zero{background-color:rgba(240,248,255,.878);border-radius:5px;padding:10px;margin:10px;font-style:italic}@supports(-webkit-hyphens:none){.Classement{padding-bottom:8vh}}.Competition{height:86%;background-image:url(/static/media/background6.2c7ed884.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}.Competition .etat{display:flex;justify-content:space-between}.Competition .etat .score-container{animation:slideIn .5s forwards}.Competition .etat .score-container .score{border-radius:5px;background-color:rgba(75,119,141,.7);transform:skewX(-17deg) translate3d(-10px,0,0);color:gold;margin:5px 0;padding:0 5px 0 25px;font-size:1.8rem;text-align:right;width:150px}.Competition .etat .score-container .skew{border-radius:5px;color:#fff;font-weight:700;text-transform:uppercase;margin:5px 0;transform:skewX(-17deg) translate3d(-100vw,0,0);padding:5px 10px 5px 0;transition:all .5s;font-size:1.3rem;text-align:right}.Competition .etat .score-container .skew.slideSkew{transform:skewX(-17deg) translate3d(-40px,0,0)}.Competition .etat .score-container .skew.red{background-color:red}.Competition .etat .score-container .skew.green{background-color:green}.Competition .etat .score-container .skew.point{padding:5px 10px 5px 0;width:120px}.Competition button{margin:10px 5px;width:95%}.Competition button:active,.Competition button:hover{background-color:red}.Competition .tomato{background-color:tomato;animation:zoom .3s forwards}.Competition .blue{background-color:var(--blue-color);animation:zoom .3s forwards}.Competition fieldset{border:none;background-color:rgba(211,224,234,.7);border-radius:5px;font-size:1.3rem;margin:-10px 10px 10px;padding:5px 5px 10px}.Competition fieldset legend{font-size:1rem;background-color:rgba(211,224,234,.9);border-radius:5px;padding:2px 5px;text-shadow:0 1px 2px #000;font-weight:700;color:var(--blue-color);position:relative}.Competition fieldset .double{animation:beat .8s;position:absolute;font-family:"Rock Salt",cursive;color:red;top:-7px}.Competition fieldset p{margin:0}.Competition .container-choix{display:flex;justify-content:center;flex-wrap:wrap}.Competition .container-choix button{margin:5px;width:46%;font-size:1.1rem;font-family:"Roboto slab",Arial;text-shadow:none;display:flex;align-items:center;justify-content:center;border:4px solid transparent;color:#000;padding:2px}.Competition .container-choix button.disabled{pointer-events:none}.Competition .container-choix button:first-child{background-color:#00bfff}.Competition .container-choix button:nth-child(3){background-color:#deb887}.Competition .container-choix button:nth-child(2){background-color:gold}.Competition .container-choix button:nth-child(4){background-color:orchid}.Competition .container-choix button.choice:active{border:3px solid #fff;color:#fff;text-shadow:0 0 7px #000}.Competition .container-choix button.right{border:solid #9acd32;background-color:green;color:#fff}.Competition .container-choix button.wrong{position:relative;border:solid maroon;background-color:red;color:#fff}.Competition .container-choix button.wrong:before{content:"";height:3px;width:70%;background-color:maroon;position:absolute;top:20px;border-radius:30px;transform:rotate(-16deg)}.Competition .erreur{left:2px;text-decoration:underline;text-shadow:0 0 5px #fff;font-size:14px}.Competition .erreur,.Speaker{position:absolute;bottom:1%;cursor:pointer}.Speaker{right:0;margin:5px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 5px 1px #191919;width:40px;height:40px;background-color:hsla(0,0%,100%,.5);color:#0086fb;z-index:3}.Pseudo{height:100%;animation:slideIn .5s forwards}.Pseudo h1{display:inline-block;margin:5px 0 20px;font-size:1.7rem}.Pseudo form{display:flex;border:1px solid var(--blue-color);height:50px;border-radius:5px;width:95%;max-width:500px;margin:auto;box-shadow:0 0 5px 1px #aeaeae;transition:all .5s}.Pseudo form:hover{border:1px solid #007ce9}.Pseudo input{font-family:"Lobster",cursive;font-size:1.8rem;text-align:center;border:none;background-color:rgba(75,119,141,.6);color:gold;text-shadow:1px 2px 2px #000;outline:none;text-transform:capitalize;width:80%}.Pseudo input::placeholder{color:#fff}.Pseudo button{border-radius:0;box-shadow:none;width:21%;margin:0;padding:0;background-color:var(--blue-color)}.Pseudo button :active{background-color:#007ce9}.Pseudo .icon{font-size:1.8rem}.Pseudo form:hover button{background-color:#007ce9}.Pseudo fieldset{margin-top:10px;font-size:1rem}.Pseudo fieldset legend{padding:2px 15px}.Pseudo fieldset p{margin-bottom:10px}.Pseudo .green{color:green}.Pseudo .red{color:red}.ProgressBar{display:flex;justify-content:center;animation:slideToLeft .5s forwards;margin-top:5px;margin-right:5px}.ProgressBar svg{background-color:rgba(43,156,255,.3215686274509804);border-radius:50%}.ProgressBar .value{font-size:2.5rem;text-shadow:0 2px 2px #000}.ProgressBar .danger{animation:beat 1s infinite}.ScoreFinal{height:100%}.ScoreFinal .header{display:flex;justify-content:space-between;text-shadow:2px 2px 2px #000;height:160px}.ScoreFinal .header .note-container{animation:slideToLeft .7s forwards;position:absolute;width:135px;height:135px;border-radius:50%;background-color:rgba(75,119,141,.7);font-size:1.7rem;display:flex;justify-content:center;align-items:center;color:#fff;top:5px;right:5px}.ScoreFinal .header .note{font-size:2.4rem;font-weight:700;position:relative;bottom:.2rem}.ScoreFinal .header .skews{animation:slideIn .7s forwards;width:100%;position:relative;z-index:2}.ScoreFinal .header .skews .skew{border-radius:5px;color:#fff;font-weight:700;text-transform:uppercase;margin:5px 0;transform:skewX(-17deg) translate3d(-10px,0,0);padding:5px 10px 5px 15px;transition:all .5s;text-align:right;font-size:1.5rem}.ScoreFinal .header .skews .skew.pseudo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:60%;max-width:80%;background-color:#daa520;overflow:hidden}.ScoreFinal .header .skews .skew.score{width:50%;background-color:#4b778d}.ScoreFinal .texte{width:90%;padding:10px;border-radius:10px;box-shadow:0 0 5px 1px #191919;font-size:1.3rem;font-style:oblique;animation:slideIn .7s forwards;margin:auto}.ScoreFinal .texte .icon{margin-left:10px}.ScoreFinal .colorBlue{color:var(--blue-color);text-shadow:1px 1px 2px #000;text-transform:capitalize}.ScoreFinal .align-center{display:flex;justify-content:center;align-items:center}.ScoreFinal .colorRed{color:#f44336}.ScoreFinal .red{color:red}.ScoreFinal .orange{color:orange}.ScoreFinal .green{color:#0f0}.ScoreFinal .gold{color:gold;text-shadow:1px 1px 2px #000}.ScoreFinal .silver{color:#a8a8a8;text-shadow:1px 1px 2px #000}.ScoreFinal .bronze{color:#e68e19;text-shadow:1px 1px 2px #000}.ScoreFinal .backRed{background-color:rgba(245,191,191,.6)}.ScoreFinal .backOrange{background-color:rgba(255,165,0,.7)}.ScoreFinal .backGreen{background-color:rgba(137,245,186,.7)}.ScoreFinal .links{display:flex;flex-direction:column;align-items:center;animation:slideToLeft .7s forwards;margin-top:10px}.ScoreFinal .links .btn-replay,.ScoreFinal .links a{width:80%;max-width:300px;margin:10px;background-color:#4b778d;padding:5px;transition:all .5s;font-size:24px}.ScoreFinal .links .btn-replay>*,.ScoreFinal .links a>*{margin:0 10px}.ScoreFinal .links .btn-replay:active,.ScoreFinal .links .btn-replay:hover,.ScoreFinal .links a:active,.ScoreFinal .links a:hover{background-color:#0b5b84}.Share{border-radius:30px;background-color:rgba(211,224,234,.7);padding:5px 2px;margin-bottom:10px}.Share,.Share :nth-child(n){display:flex;align-items:center}.Share :nth-child(n){box-shadow:none;margin-top:0;margin-bottom:0}.Entrainement{height:86%;display:flex;flex-direction:column;overflow:hidden}.Entrainement .sws{position:absolute;font-size:25px}.Entrainement a{font-family:"Spirax",cursive;position:relative;margin:3px;padding:2px 0 2px 20%;text-align:left;width:148%;font-size:29px;color:#000;border-top-right-radius:40px;border-bottom-right-radius:40px;text-shadow:none}.Entrainement a:first-child{background-color:rgba(255,215,0,.9)}.Entrainement a:first-child,.Entrainement a:nth-child(2){transform:rotate(-31deg) translate3d(-100%,-113%,0);animation:slide .5s forwards}.Entrainement a:nth-child(2){background-color:hsla(0,0%,75.3%,.9)}.Entrainement a:nth-child(3){background-color:rgba(222,184,135,.9)}.Entrainement a:nth-child(3),.Entrainement a:nth-child(4){transform:rotate(-31deg) translate3d(-100%,-113%,0);animation:slide .5s .1s forwards}.Entrainement a:nth-child(4){background-color:rgba(216,101,101,.9)}.Entrainement a:nth-child(5){background-color:rgba(95,158,160,.9)}.Entrainement a:nth-child(5),.Entrainement a:nth-child(6){transform:rotate(-31deg) translate3d(-100%,-113%,0);animation:slide .5s .2s forwards}.Entrainement a:nth-child(6){background-color:rgba(255,127,80,.9)}.Entrainement a:nth-child(7){background-color:rgba(100,149,237,.9)}.Entrainement a:nth-child(7),.Entrainement a:nth-child(8){transform:rotate(-31deg) translate3d(-100%,-113%,0);animation:slide .5s .3s forwards}.Entrainement a:nth-child(8){background-color:rgba(174,255,123,.9)}@keyframes slide{to{transform:rotate(-31deg) translate3d(-8%,-113%,0)}}.Quizz{height:86%;background-repeat:no-repeat;background-position:50%;background-size:cover;overflow-x:hidden;position:relative}.Quizz .etat{display:flex;justify-content:space-between}.Quizz .etat .skew{border-radius:5px;color:#fff;font-weight:700;text-transform:uppercase;transform:skewX(-17deg) translate3d(-100vw,0,0);padding:5px 20px 5px 60px;box-shadow:0 0 5px 1px #191919;transition:all .5s}.Quizz .etat .skew.slideSkew{transform:skewX(-17deg) translate3d(-40px,0,0)}.Quizz .etat .skew.red{background-color:red}.Quizz .etat .skew.green{background-color:green}.Quizz .etat .score{width:50px;height:50px;border-radius:50%;background-color:rgba(75,119,141,.7);display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px 1px #191919;animation:slideIn .5s forwards;color:gold;margin:5px}.Quizz .etat .skews{animation:slideToLeft .5s forwards}.Quizz .etat .skews div{border-radius:5px;background-color:#daa520;color:#fff;font-weight:700;text-transform:uppercase;margin:5px 0;transform:skewX(-17deg) translate3d(40px,0,0);padding:5px 50px 5px 10px;box-shadow:0 0 5px 1px #191919}.Quizz .theme{text-transform:capitalize}.Quizz .info{background-color:rgba(75,246,153,.9);border-radius:5px;margin:5px;padding:5px;font-style:oblique;animation:slideToLeft .3s forwards}.Quizz button{margin-top:5px}.Quizz button:active,.Quizz button:hover{background-color:red}.Quizz .tomato{background-color:tomato;animation:zoom .3s forwards}.Quizz .blue{background-color:var(--blue-color);animation:zoom .3s forwards}.Quizz fieldset{border:none;background-color:rgba(211,224,234,.8);border-radius:5px;font-size:1.1rem;margin:0 5px 5px;padding:5px}.Quizz fieldset legend{font-size:1rem;background-color:rgba(211,224,234,.9);border-radius:5px;padding:2px 5px;text-shadow:0 1px 2px #000;font-weight:700;color:var(--blue-color)}.Quizz fieldset p{margin:0}.Quizz .container-choix{display:flex;justify-content:center;flex-wrap:wrap}.Quizz .container-choix button{margin:5px;width:46%;font-size:1.1rem;font-family:"Roboto slab",Arial;text-shadow:none;display:flex;align-items:center;justify-content:center;border:4px solid transparent;color:#000;padding:2px}.Quizz .container-choix button.disabled{pointer-events:none}.Quizz .container-choix button:first-child{background-color:#00bfff}.Quizz .container-choix button:nth-child(3){background-color:#deb887}.Quizz .container-choix button:nth-child(2){background-color:gold}.Quizz .container-choix button:nth-child(4){background-color:orchid}.Quizz .container-choix button.choice:focus,.Quizz .container-choix button.choice:hover{border:3px solid #fff;color:#fff;text-shadow:0 0 7px #000}.Quizz .container-choix button.right{border:solid #9acd32;background-color:green;color:#fff}.Quizz .container-choix button.wrong{position:relative;border:solid maroon;background-color:red;color:#fff}.Quizz .container-choix button.wrong:before{content:"";height:3px;width:70%;background-color:maroon;position:absolute;top:20px;border-radius:30px;transform:rotate(-16deg)}.Quizz .erreur{position:absolute;left:2px;bottom:1%;text-decoration:underline;text-shadow:0 0 5px #fff;font-size:14px;cursor:pointer}.Quizz .erreur a{box-shadow:inherit;color:inherit;font-size:inherit;font-family:inherit;text-shadow:inherit}.Notes{height:100%;overflow:hidden}.Notes .header{display:flex;justify-content:space-between}.Notes .header .score{width:150px;height:150px;border-radius:50%;background-color:rgba(75,119,141,.7);font-size:2rem;display:flex;justify-content:center;align-items:center;margin:5px 10px 30px;box-shadow:0 0 5px 1px #191919;animation:slideIn .5s forwards;color:#fff}.Notes .header .skews{animation:slideToLeft .7s forwards}.Notes .header .skews div{border-radius:5px;background-color:#daa520;color:#fff;font-weight:700;text-transform:uppercase;margin:10px 0;transform:skewX(-17deg) translate3d(40px,0,0);padding:5px 50px 5px 10px;box-shadow:0 0 5px 1px #191919}.Notes .texte{width:90%;padding:10px;border-radius:10px;box-shadow:0 0 5px 1px #191919;font-size:1.3rem;font-style:oblique;animation:slideIn .5s forwards;margin:auto}.Notes .note{font-size:3.5rem;font-weight:700;position:relative;bottom:.5rem}.Notes .red{color:red}.Notes .orange{color:orange}.Notes .green{color:#0f0}.Notes .backRed{background-color:rgba(245,191,191,.6)}.Notes .backOrange{background-color:rgba(255,165,0,.7)}.Notes .backGreen{background-color:rgba(137,245,186,.7)}.Notes .links{flex-direction:column;animation:slideToLeft .7s forwards;margin-top:10px}.Notes .links,.Notes .links a{display:flex;align-items:center}.Notes .links a{width:75%;max-width:300px;margin:10px;background-color:#4b778d;padding:5px;transition:all .5s;justify-content:space-between}.Notes .links a>*{margin:0 10px}.Notes .links a:active,.Notes .links a:hover{background-color:#0b5b84}.Notes .icon{font-size:2rem;color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.8))}.Notes .trophy{color:gold}.Modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;flex-direction:column}.Modal .box{width:90%;max-width:600px;padding:20px 10px;border-radius:5px;color:var(--blue-color);font-size:2rem;font-family:"Spirax",cursive;box-shadow:0 0 10px 0 #000;animation:zoom .7s forwards}.Modal .box,.Modal .box h1{background-color:rgba(211,224,234,.7)}.Modal .box h1{box-shadow:none;font-size:1.6rem}.Modal .box button{background-color:var(--blue-color);margin:0;width:40%;font-size:1.3rem}.Modal .box button:active,.Modal .box button:hover{background-color:#0086fb}.FormError{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;height:100vh;width:100%;overflow:auto;z-index:3;display:flex;flex-direction:column;align-items:center}.FormError fieldset{margin-top:20%;animation:zoom .5s forwards;width:90%;max-width:500px;max-height:500px}.FormError input,.FormError select{border:none;width:100%;border-radius:5px;padding:3px;margin:5px 0}.FormError textarea{border:1px teal;border-radius:5px;margin:20px 0;width:100%}.FormError button{margin:10px}.logBox{height:100%;align-items:center}.logBox,.logBox .form{display:flex;flex-direction:column}.logBox .form{position:relative;margin-top:20%;background-color:rgba(211,224,234,.7);padding:50px 20px 10px;border-radius:5px;text-align:left;width:95%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:500px;box-shadow:0 0 10px 0 #000}.logBox label{margin-bottom:10px;color:var(--blue-color)}.logBox input{border:none;padding:5px;border-radius:5px;width:100%}.logBox button{margin:10px 0;width:100%;background-color:var(--blue-color);font-size:1.2rem}.logBox button:active,.logBox button:hover{background-color:#08f}.logBox .alert{position:absolute;font-style:italic;font-weight:400;top:5px;left:50%;transform:translate3d(-50%,0,0);border-radius:5px;padding:2px 10px;width:90%;text-align:center;box-shadow:0 0 5px 0 #a7a7a7;text-shadow:1px 1px 1px #3e3e3e;color:red;background-color:rgba(255,173,173,.5)}.logBox .deja,.logBox .forget{color:var(--blue-color);font-style:italic;text-align:right;font-size:.9rem;box-shadow:none;text-shadow:none;font-family:Roboto;font-weight:700}.ListQuestion{display:flex;flex-direction:column;align-items:center;padding-bottom:80px}.ListQuestion ul{margin:0;text-align:left}.ListQuestion ul ul{padding:0}.ListQuestion ul ul li{margin-left:20px}.ListQuestion .form-container{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;z-index:3;padding-top:10px}.ListQuestion .form-container form{margin:auto;width:100%;max-width:800px;padding:5px;background-color:rgba(211,224,234,.7);border-radius:5px;display:flex;flex-direction:column;align-items:center;animation:zoom .7s forwards}.ListQuestion .form-container form h1{box-shadow:none}.ListQuestion .form-container form fieldset{display:flex;justify-content:space-around}.ListQuestion .form-container form .container-button{width:100%}.ListQuestion .form-container form .container-button button{width:45%}.ListQuestion .form-container form .container-button .gray{background-color:grey}.ListQuestion .form-container form .container-button .gray:active{background-color:#424242}.ListQuestion .capitalize{text-transform:capitalize}.ListQuestion fieldset{position:relative;width:95%;background-color:rgba(211,224,234,.7);border-radius:5px;border:1px solid teal;margin:5px}.ListQuestion fieldset b{font-style:italic;color:#2467a1}.ListQuestion fieldset.column{flex-direction:column}.ListQuestion fieldset legend{text-align:left;border-radius:5px;background-color:#d3e0ea;padding:2px 5px;border:1px solid teal;color:#0086fb}.ListQuestion fieldset.fieldset-filtre{display:flex;justify-content:space-around}.ListQuestion fieldset.fieldset-filtre select{width:20%}.ListQuestion fieldset.fieldset-filtre .nb-question{color:#0086fb;text-shadow:1px 1px 2px #000}.ListQuestion fieldset.fieldset-filtre input{border:none;border-radius:5px;width:20%}.ListQuestion select{border:none;width:80%;border-radius:5px;padding:3px}.ListQuestion .radio{border:1px solid teal;border-radius:5px;padding:2px 5px 2px 0;background-color:rgba(110,183,185,.5)}.ListQuestion .radio.large{width:45%}.ListQuestion .radio.large label{display:inline-block;width:80%}.ListQuestion .radio.medium{width:20%}.ListQuestion .radio.medium label{display:inline-block;width:60%}.ListQuestion input[type=text]{width:100%;border:none;border-radius:5px;padding:3px;margin:2px}.ListQuestion button{border:none;background-color:tomato;margin:5px;width:80%}.ListQuestion button:active{background-color:red}.ListQuestion button.black{color:#000}.ListQuestion .Modal button{margin:10px;width:40%}.ListQuestion .Modal .red{background-color:#ff4500}.ListQuestion .Modal .red:active,.ListQuestion .Modal .red:hover{background-color:red}.ListQuestion .container-icons{display:flex;flex-direction:column;position:absolute;top:-5px;right:5px}.ListQuestion .container-icons .icons{margin-bottom:10px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;box-shadow:1px 1px 4px 1px #000;cursor:pointer;transition:all .5s}.ListQuestion .container-icons .icons:hover{background-color:tomato}.Settings{height:86%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/static/media/background4.d9217da6.webp);background-repeat:no-repeat;background-position:50%;background-size:cover}.Settings .btn-dl,.Settings a{animation:slideIn .5s forwards;width:80%;max-width:400px;background-color:var(--blue-color);margin:10px;padding:5px;transition:all .5s}.Settings .btn-dl:active,.Settings .btn-dl:hover,.Settings a:active,.Settings a:hover{background-color:#0086fb}.Settings .admin{background-color:#4b778d}.Settings .btn-dl{background-color:#7b68ee;font-size:1.4rem}.AjoutQuestions{display:flex;flex-direction:column;align-items:center;animation:zoom .7s forwards;padding-bottom:50px}.AjoutQuestions form{width:100%}.AjoutQuestions fieldset{background-color:rgba(211,224,234,.7);border-radius:5px;border:1px solid teal;margin:5px;display:flex;justify-content:space-around}.AjoutQuestions fieldset.column{flex-direction:column}.AjoutQuestions fieldset legend{text-align:left;border-radius:5px;background-color:#d3e0ea;padding:2px 5px;border:1px solid teal;color:#0086fb}.AjoutQuestions fieldset input[type=radio],.AjoutQuestions fieldset label{cursor:pointer}.AjoutQuestions select{border:none;width:80%;border-radius:5px;padding:3px}.AjoutQuestions .radio{border:1px solid teal;border-radius:5px;padding:2px 5px 2px 0;background-color:rgba(110,183,185,.5)}.AjoutQuestions .radio.large{width:45%}.AjoutQuestions .radio.large label{display:inline-block;width:80%}.AjoutQuestions .radio.medium{width:20%}.AjoutQuestions .radio.medium label{display:inline-block;width:60%}.AjoutQuestions input[type=email],.AjoutQuestions input[type=text]{width:100%;border:none;border-radius:5px;padding:3px;margin:2px}.AjoutQuestions a,.AjoutQuestions button{width:80%;background-color:tomato;margin-bottom:10px;font-size:1.3rem;text-shadow:1px 2px 2px #000}.AjoutQuestions a:active,.AjoutQuestions a:hover,.AjoutQuestions button:active,.AjoutQuestions button:hover{background-color:red}.AjoutQuestions a{padding:5px;transition:all .5s}.Niveau{animation:slideIn .5s forwards;position:relative}.Niveau h1{display:inline-block;margin:5px 0 20%}.Niveau .links{display:flex;flex-direction:column;align-items:center}.Niveau .links a{transform:skewX(-17deg);width:85%;margin-bottom:30px;background-color:var(--blue-color);padding:10px;transition:all .5s;display:block}.Niveau .links a:active,.Niveau .links a:hover{background-color:#0086fb}.Niveau .links .link-all{background-color:#e68e19}.Niveau .links .link-all:hover{background-color:#af762b}.Apropos{height:86%;background-image:url(/static/media/background4.d9217da6.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden}.Apropos h1{display:inline-block;background-color:rgba(211,224,234,.9)}.Apropos fieldset,.Apropos h1{animation:slideIn .5s forwards}.Apropos fieldset{background-color:rgba(211,224,234,.7);border-radius:5px;border:1px solid teal;margin:5px}.Apropos a{color:teal;font-size:inherit;font-family:inherit;box-shadow:none;text-shadow:none}.Signalement{height:86%;background-image:url(/static/media/background4.d9217da6.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;text-align:center;padding:5px}.Signalement h1{margin:auto}.Signalement fieldset{background-color:rgba(211,224,234,.7);border-radius:5px;border:1px solid teal;margin-top:50px;animation:slideIn .5s forwards}.Signalement input,.Signalement select{border:none;width:100%;border-radius:5px;padding:3px;margin:10px 0}.Signalement textarea{border:1px teal;border-radius:5px;width:100%;margin:10px 0}.Signalement button{background-color:var(--blue-color);width:60%}.PwaButton{position:fixed;bottom:10%;left:50%;height:85px;width:95%;border-radius:10px;background-color:#299bff;justify-content:center;align-items:center;font-style:italic;font-size:1.2rem;cursor:pointer;color:#fff;box-shadow:0 0 5px 1px #fff;text-shadow:1px 1px 1px #000;z-index:2;transform:translate3d(-50%,-10%,0) scale3d(0,0,0);transition:all .7s}.zoomPwa{transform:translate3d(-50%,-10%,0) scaleX(1)}.App{position:relative;height:100%;max-width:800px;margin:auto;text-align:center}.PwaButton{display:flex}.Toastify__close-button{box-shadow:none}@media screen and (min-width:800px){.App{border-left:2px solid #f3d07b;border-right:2px solid #f3d07b;box-shadow:0 0 10px 3px #000}.NavBar{border-top-left-radius:5px;border-top-right-radius:5px}.PwaButton{display:none}}