body,html{margin:0;padding:0}html{background-image:url(/static/media/background.976178ee.png);background-size:cover;font-family:"Montserrat",sans-serif;--blue:#71ccff;--purple:#8600c2;--orange:#ff7e46;--dark-grey:#404040;--light-beige:#fff6f2;--light-beige-rgb:255,246,242;--beige:#ffe9d0;--beige-rgb:255,233,208;--light-orange:#ffa979;--white:#fff;color:#404040;color:var(--dark-grey);font-size:62.5%;height:100vh}.container{-webkit-align-items:center;align-items:center}.container,.main-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.main-container{-webkit-justify-content:space-between;justify-content:space-between;background-color:var(--beige);margin:2rem 0;width:70%;border-radius:40px;background-color:rgba(var(--light-beige-rgb),.9);padding-top:2rem;height:90vh}footer{background-color:rgba(var(--beige-rgb),.9);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:52px;border-radius:0 0 40px 40px}#blockColorblindContent{display:none}@media screen and (max-width:768px){.main-container{margin:0;padding:0;width:100%;border-radius:0;height:100vh}footer{border-radius:0}}@media screen and (min-width:769px) and (max-width:1023px){.main-container{width:95%}}@media screen and (min-width:1024px) and (max-width:1279px){.main-container{width:90%}}@media screen and (min-width:1280px){.main-container{width:80%}}footer button{text-decoration:none;font-size:1.6rem;color:var(--light-orange);margin:0 .5rem;border:none;background:none;cursor:pointer}.modal{position:fixed;top:0;left:0;background:rgba(50,40,35,.5);width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.modal-content{border-radius:2vh;background:#f0f0f0;max-width:50%;min-width:30%;font-size:1.5vh;margin:1vh 0 30vh}.modal-content a{padding:0 1vh}.modal-content ul,li{margin:1vh 3vh 1vh 0}.btn-close{padding:2vh 3vh;margin-bottom:1rem;margin-top:2rem;background:var(--orange);color:#fff;font-size:2vh;border-radius:2vh}.flex-center{-webkit-align-items:center;align-items:center}.flex-center,.modal-content h3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal-content h3{-webkit-align-items:stretch;align-items:stretch;font-size:2vh;padding:2vh;margin:0;border-radius:2vh;border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--beige)}@media screen and (max-width:1024px){.modal-content{max-width:70%}}@media screen and (max-width:769px){.modal-content{max-width:80%}}@media screen and (max-width:420px){.modal-content{max-width:95%}}.form-container{font-family:Montserrat;font-style:normal;font-weight:500;font-size:2.5rem;line-height:3.7rem;text-align:center;color:#404040}.form h1{margin:5rem 0 3rem}.user-name{width:100%;font-family:Montserrat;border-radius:10px;font-size:3rem;text-align:center;color:var(--blue);caret-color:var(--blue);border:none;box-shadow:0 4px 4px rgba(0,0,0,.15);padding:1rem 0}::-webkit-input-placeholder{color:var(--blue);opacity:.4}:-ms-input-placeholder{color:var(--blue);opacity:.4}::placeholder{color:var(--blue);opacity:.4}::-webkit-input-placeholder{text-align:center}@media screen and (max-width:420px){.form-container{font-size:1.2rem}}.form-control select{font-size:2rem}.cta-btn{display:inline-block;background-color:var(--orange);border-radius:5px;padding:1.2rem 7.2rem;box-shadow:0 4px 4px rgba(0,0,0,.15);text-decoration:none;color:var(--white);font-size:30px;font-weight:900;text-transform:uppercase}.form-control{font-family:Montserrat;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.form-control label{font-style:normal;font-weight:400;font-size:2rem;text-align:center;color:#404040}.form-control select{width:221px;padding:1rem;border-radius:5px;border:none;font-size:1.5rem;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.15);text-align:center}@media screen and (max-width:420px){.form-control select{margin-bottom:2rem}}.difficulty-input{font-family:"Montserrat",sans-serif;font-size:2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0 2rem}.difficulty-input,.radio-input{display:-webkit-flex;display:flex}.radio-input{border:none;-webkit-flex-direction:row;flex-direction:row}.radio-button{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:0}.difficulty-input fieldset{display:-webkit-flex;display:flex;border:none}.difficulty-input input{-webkit-appearance:none;appearance:none;outline:none;border-radius:50%;width:40px;height:40px;background-color:#fff;border:5px solid #fff;transition:all .1s linear;margin:0 1rem .5rem;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.15)}.difficulty-input label{cursor:pointer;font-size:1.6rem}.difficulty-input input:active,.difficulty-input input:hover{background-color:#eef;outline:none}.difficulty-input input:checked{border:10px solid #fff;background-color:var(--blue);cursor:pointer;outline:none}@media screen and (max-width:420px){.difficulty-input{margin:0 2rem 2rem}.difficulty-input fieldset{padding:0}}.logo{text-align:center;cursor:pointer}.homepage-container{max-width:100%}.homepage-inputs{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:6rem}.quiz-properties{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 1rem}.quiz-properties .label{font-size:1.6rem;margin-bottom:2rem}.go-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:4rem 0}.radio-button label{font-size:1.6rem;margin:.7rem 0}.name-input{margin:0 1rem 4rem}@media screen and (max-width:1100px){.quiz-properties{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 1rem}.quiz-properties .label{margin-top:4rem}.go-btn{margin-top:6rem}.logo,.logo img{text-align:center;height:10rem}.homepage-inputs{margin-top:-1rem}}@media screen and (max-width:769px){.quiz-properties{height:auto}.quiz-properties .label{margin-top:1.5rem;height:auto}.radio-button label{font-size:1.6rem;margin:.5rem 0}.go-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:4rem}.logo,.logo img{text-align:center;height:8rem}.name-input{margin:0 1rem 2rem}}@media screen and (max-width:420px){.logo,.logo img{text-align:center;height:8rem}.go-btn{margin:2.5rem 0}.name-input{margin:0 1rem 2.5rem}.quiz-properties .label{margin:.5rem}}.final-message{text-align:center;vertical-align:center;font-size:5rem;color:var(--dark-grey);margin:1rem 0}@media screen and (max-width:420px){.final-message{font-size:3rem}}.final-score{color:var(--purple);display:inline-block;height:13rem}.score{font-size:2.3rem;font-weight:700;vertical-align:center}.score,.score-number{text-align:center;margin:0}.score-number{font-size:8rem;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-name:score-scaling;animation-name:score-scaling;-webkit-animation-iteration-count:6;animation-iteration-count:6}@-webkit-keyframes score-scaling{to{font-size:10rem}}@keyframes score-scaling{to{font-size:10rem}}@media screen and (max-width:420px){.final-score{margin-top:2rem}}.div-button,.div-button a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.div-button a{color:var(--white);background-color:var(--orange);font-size:3rem;font-weight:900;text-transform:uppercase;text-decoration:none;height:6rem;width:20rem;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.15);margin:1.5rem 0}.player-history{text-align:center;color:var(--purple)}.history-container li{display:inline-block;color:var(--purple);font-weight:700}@-webkit-keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.score-page{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;height:100%;width:100%}.score-page,.scr-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.scr-container{-webkit-justify-content:center;justify-content:center;height:15rem}.scr-btn,.scr-container a{cursor:pointer}.scr-btn{color:var(--white);height:80px;width:80px;text-transform:uppercase;text-decoration:none;border-radius:50%;-webkit-animation:blink .7s 2 both;animation:blink .7s 2 both}.quizMode>p{margin:1rem;text-align:center;vertical-align:center;font-size:3rem;color:var(--purple)}.camera-img h2{margin:0;color:#696969}.camera-img{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.camera-img img:hover{opacity:.7;border:2px solid var(--purple);margin:-2px;border-radius:5px}@media screen and (max-width:420px){.quizMode>p{font-size:2rem}.scr-container{display:none}}@media screen and (min-width:421px) and (max-width:768px){.scr-container{display:none}}@media screen and (min-width:769px) and (max-width:1023px){.scr-container{display:none}}.game-container{width:70%;background-color:var(--beige);border-radius:2rem;padding:5rem;margin:0 auto 5rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.game-container,.question-info{display:-webkit-flex;display:flex}.question-info{width:100%;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between;margin:0;padding:0}.counter-container,.empty{width:12rem}.empty{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:7rem}.answers-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;width:100%;margin-top:2rem;text-align:center}.wait-container{font-size:10rem;opacity:.1;padding:2rem 3rem;min-width:1rem;height:90%}.pop-score,.wait-container{text-align:center;font-weight:700}.pop-score{color:var(--blue);-webkit-animation-name:pop-score;animation-name:pop-score;-webkit-animation-duration:3s;animation-duration:3s;width:100%;font-size:4.5rem}@-webkit-keyframes pop-score{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes pop-score{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}}@media screen and (max-width:420px){.game-container{margin:0;width:95%;border-radius:0;padding:1rem .5rem}.answers-container{grid-template-columns:1fr;width:100%}.pop-score{font-size:2rem}}@media screen and (min-width:421px) and (max-width:768px){.game-container{margin:0;width:95%;padding:1rem}.answers-container{grid-template-columns:1fr;width:100%;justify-self:center}.pop-score{font-size:3rem}}@media screen and (min-width:769px) and (max-width:1023px){.game-container{margin:0;width:90%;padding:1rem}.answers-container{grid-template-columns:1fr}.wait-container{font-size:5rem}}@media screen and (min-width:1024px) and (max-width:1279px){.game-container{padding:2rem;width:80%}}.question-container{background-color:var(--blue);color:var(--white);font-weight:700;border-radius:0 .5rem .5rem .5rem;font-size:2.1rem;padding:1rem;text-align:center}@media screen and (max-width:420px){.question-container{font-size:1.5rem}}.answer-container{background-color:var(--white);border-radius:.5rem;padding:0 3rem;font-size:2.1rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.answer-container:hover{cursor:pointer;background-color:#c8edff}.answer-wrong,.answer-wrong:hover{background-color:#988;color:#fff}.answer-correct,.answer-correct:hover{background-color:#90d890;color:#fff;-webkit-animation:none;animation:none;font-weight:700;-webkit-animation:shineZoom .5s ease-in-out infinite alternate;animation:shineZoom .5s ease-in-out infinite alternate}.player-correct,.player-correct:hover{-webkit-animation:shineZoom .5s ease-in-out infinite alternate,shineColor .5s ease-in-out infinite alternate;animation:shineZoom .5s ease-in-out infinite alternate,shineColor .5s ease-in-out infinite alternate}.player-wrong,.player-wrong:hover{font-weight:500;background-color:#cc7e7e;color:#fff}@-webkit-keyframes shineZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes shineZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes shineColor{0%{background-color:var(--blue)}to{background-color:#adf}}@keyframes shineColor{0%{background-color:var(--blue)}to{background-color:#adf}}@media screen and (max-width:420px){.answer-container{font-size:1.5rem}.answer-container p{margin:1rem auto}}@media screen and (min-width:421px) and (max-width:768px){.answer-container{margin:0 1rem}.answer-container p{margin:1rem auto}}.chronometer{display:-webkit-flex;display:flex;border-color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0;height:9rem;width:9rem;margin:0 0 .5rem}.chronometer.false p{-webkit-animation:Intensify 20s ease-in-out forwards,pulse 1.005s ease-in-out -.5s infinite;animation:Intensify 20s ease-in-out forwards,pulse 1.005s ease-in-out -.5s infinite}.chronometer p{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:var(--blue);font-size:3rem;font-weight:700;color:var(--white);border-radius:50%;width:8rem;height:8rem;border-color:#fff;margin:0;padding:.5rem}@-webkit-keyframes Intensify{30%{background-color:var(--blue)}50%{background-color:#a2c916}75%{background-color:#ffb224}90%,to{background-color:#ff2802}}@keyframes Intensify{30%{background-color:var(--blue)}50%{background-color:#a2c916}75%{background-color:#ffb224}90%,to{background-color:#ff2802}}@-webkit-keyframes pulse{0%,30%{padding:.5rem}50%{padding:0}60%,to{padding:.5rem}}@keyframes pulse{0%,30%{padding:.5rem}50%{padding:0}60%,to{padding:.5rem}}@media screen and (max-width:420px){.chronometer{height:5rem;width:5rem}.chronometer p{font-size:2rem;width:4rem;height:4rem}}.question-counter{background-color:var(--white);color:var(--blue);font-weight:700;text-align:center;width:7rem;padding:.5rem;font-size:1.5rem;border-radius:.5rem .5rem 0 0}.question-counter p{margin:0}@media screen and (max-width:420px){.question-counter{width:5rem;font-size:1.2rem}}.score-field{color:var(--purple);font-size:1.7rem;font-weight:700;text-align:center;margin:0}.score-field p{margin:0}.score-quizz{text-align:center;vertical-align:center;width:15rem;background-color:var(--purple);color:var(--white);font-size:2.6rem;border-radius:5px;padding:10px 0;margin:0}@media screen and (max-width:420px){.score-field,.score-quizz{font-size:1.5rem}.score-quizz{width:10rem}}.name-field{font-weight:700;font-size:2.3rem;text-align:center;text-transform:uppercase;color:var(--orange);width:15rem}@media screen and (max-width:1024px){.name-field{display:none}}.quiz-container{-webkit-flex-direction:column;flex-direction:column}.quiz-container,.quiz-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.quiz-header{width:90%;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:420px){.quiz-container{padding:0}.quiz-header{margin:0 1rem 2rem}.logo img{width:10rem}}@media screen and (min-width:421px) and (max-width:768px){.quiz-container{padding:0}.quiz-header{margin:0 1rem 2rem}}@media screen and (min-width:769px) and (max-width:1024px){.quiz-container{padding:0 5rem}.quiz-header{margin:0 1rem 12vh}}
/*# sourceMappingURL=main.a1f4704b.chunk.css.map */