body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,body{overflow-x:hidden}.App{text-align:center}.App-logo{height:25vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite both}}.App-header{align-items:center;background-image:url(/project-trivia/static/media/background_login.ea46dc6b.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:0}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier,monospace}.neon-border-purple{box-shadow:0 0 .2rem #fff,0 0 2.8rem #bc13fe,inset 0 0 1.3rem #bc13fe}.neon-border-purple,.neon-border-red{border:.2rem solid #fff;border-radius:1rem;padding:1em}.neon-border-red{box-shadow:0 0 .2rem #fff,0 0 2.8rem red,inset 0 0 1.3rem red}.neon-border-blue{border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .2rem #fff,0 0 2.8rem #00bfff,inset 0 0 1.3rem #00bfff;padding:.4em}.login-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1em}.inputNeon-purple{box-shadow:0 0 .1rem #fff,0 0 2rem #bc13fe,inset 0 0 1rem #bc13fe;margin:.3rem}.inputNeon-blue,.inputNeon-purple{background-color:#000;border:.2rem solid #fff;border-radius:1rem;color:#b3cdff;font-weight:800;padding:.4em;width:100%}.inputNeon-blue{box-shadow:0 0 .1rem #fff,0 0 2rem #00bfff,inset 0 0 1rem #00bfff;margin:1rem}.btn-neon-red{background-color:#000;border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .1rem #fff,0 0 2rem red,inset 0 0 1rem red;color:#ffa1d0;font-weight:800;margin:1rem;padding:.4em;width:85%}.btn-neon-red:disabled{opacity:1%}.div-btn-settings,.inputEmail,.inputName{align-items:center;display:flex}.div-btn-settings{justify-content:center}.div-btn-settings h4{color:#fff;font-size:12px;margin:0;text-decoration:none}.div-btn-settings h4:visited{text-decoration:none}.btn-img-settings{margin:0;max-height:50px;max-width:50px;padding:0}.header-body{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:15px 30px}.header-body img{border-radius:50px}.header-player-name{background:linear-gradient(30deg,indigo,#9400d3 50%,#1e90ff);-webkit-background-clip:text;background-clip:text;font-size:xx-large;font-weight:800;-webkit-text-fill-color:transparent}.ingame-score{color:#e62020;font-size:50px;font-weight:800;margin:0}.name-score{color:#fff}body{background:linear-gradient(30deg,#873034,#0a0026 50%,#30617e);background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative;width:100vw}.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.loadind-div{margin-bottom:30px;width:70%}.loading-questions{color:#fff}.game-container{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;width:100vw}.question-container{align-items:center;display:flex;justify-content:center;margin-left:30px;margin-right:30px}.option-container{display:-ms-grid;display:grid;-ms-grid-row:5;grid-row:5;grid-template-areas:"a" "b" "c" "d";-ms-grid-columns:1fr;grid-template-columns:1fr}.neon-border-question{align-items:center;border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .2rem #fff,0 0 2.8rem #00bfff,inset 0 0 1.3rem #00bfff;display:flex;margin-right:30px;min-height:30vw;padding:.4em;width:65%}.question-div{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content}.quot-1{align-self:flex-start;height:60px}.quot-2{align-self:flex-end;height:60px}.questions-cat{color:#f0f8ff;font-size:15px;font-weight:400}.questions-text{align-self:flex-start;color:#fff;display:flex;font-size:25px}.timer-text{color:#fff;font-size:15px}.timer-span-text,.timer-text{font-weight:900;margin-bottom:30px;margin-top:0}.timer-span-text{color:#a9ffbc;font-size:20px}.question-panel{align-items:normal;color:#fff;font-weight:600}.neonText{-webkit-animation:flicker 1.5s infinite alternate;animation:flicker 1.5s infinite alternate;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 102px #0fa,0 0 151px #0fa}@-webkit-keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 100px #0fa,0 0 150px #0fa}20%,24%,55%{text-shadow:none}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 100px #0fa,0 0 150px #0fa}20%,24%,55%{text-shadow:none}}.feedback-page{color:#fff;justify-content:center;margin-bottom:auto;margin-top:auto;min-height:500px}.feedback-page,.score-div-container{display:flex;flex-direction:column}.feedback-points{font-size:30px}.ingame-score-number{font-size:40px}.final-score,.ingame-score-number{color:#000;font-weight:800;-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:2px}.final-score{font-size:60px;margin:0}.border-header{height:50px;max-width:100%}.border-header,.div-play-again{display:flex;justify-content:center}.div-play-again{align-items:center}.back-img{width:50px}.play-again{width:200px}.ranking-img{width:50px}.btn-neon-blue{background-color:#000;border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .1rem #fff,0 0 2rem #00bfff,inset 0 0 1rem #00bfff;color:#a1e4ff;font-weight:800;margin:1rem;padding:.4em;width:85%}.div-btn-ranking{align-items:center;display:flex;justify-content:center}.btn-ranking{width:200px}.page-ranking{align-items:center;display:flex;flex-direction:column;margin:30px auto;width:80%}.div-users-ranking{width:100%}.header-ranking{align-items:center;display:flex;margin:20px}.ranking-img-trophy{width:80px}.title-ranking{color:#fff;font-size:xx-large;margin:10px}.user-rank-data{align-items:center;display:flex;height:80px;justify-content:space-between;margin:auto;width:80%}.user-rank-data img{border-radius:50px}.ranking-number{font-size:xxx-large}.ranking-number,.ranking-player-name{background:linear-gradient(30deg,indigo,#9400d3 50%,#1e90ff);-webkit-background-clip:text;background-clip:text;font-weight:800;-webkit-text-fill-color:transparent}.ranking-player-name{font-size:xx-large}.ranking-score{color:#000;font-size:40px;font-weight:800;-webkit-text-stroke-color:#fff;-webkit-text-stroke-width:2px}.ranking-back-home{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.back-img-home{width:50px}.back-home{width:200px}.header-setup{align-items:center;display:flex;justify-content:center;margin:20px}.setup-img-gear{width:80px}.title-setup{color:#fff;font-size:xx-large;margin:10px}.setup-back-home{margin-top:10px}.setup-back-home,.setup-back-home2{align-items:center;display:flex;justify-content:center}.setup-back-home2{flex-direction:column;margin-bottom:20px}.setup-btn{margin:0;width:150px}.btn-neon-green{background-color:#000;border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .1rem #fff,0 0 2rem #adff2f,inset 0 0 1rem #adff2f;color:#bfffa1;font-weight:800;margin:1rem;padding:.4em}.options-setup-container{color:#fff;display:flex;flex-direction:column}.loading-animation{align-items:center;display:flex;flex-direction:column}.loading-circle.display{visibility:visible}.loading-circle{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border-radius:100%;border:5px solid #fc88cf;border-top:6px solid #9c41f2;box-shadow:0 0 .1rem #fff,0 0 2rem #ff1493,inset 0 0 1rem #ff1493;height:2rem;width:2rem}.loading{border-radius:100%;color:#fc88cf;font-size:20px;font-weight:900;height:2rem;-webkit-text-decoration:solid;text-decoration:solid;width:15rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about-description{color:#faebd7}.sound-btn{margin-left:auto;margin-right:auto;margin-top:10px}.div-btn-about{align-items:center;display:flex;justify-content:center}.about{margin-left:auto;margin-right:auto;width:70%}.btn-about{margin:0;width:150px}.btn-about-img{margin:0;max-height:50px;max-width:50px;padding:0}.header-about{align-items:center;display:flex;justify-content:center;margin:20px}.about-img{width:80px}.title-about{color:#fff;font-size:xx-large;margin:10px}.name-group{font-size:xx-large;font-weight:800}.about-name,.name-group{background:linear-gradient(30deg,brown,#c71585 50%,#1e90ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-name{flex-direction:column;font-size:x-large;font-weight:600;margin:20px}.about h3{color:#fff}.group-names{align-items:center;display:flex;justify-content:center;margin:20px}.arrow{width:150px}.about-back-home{align-items:center;display:flex;justify-content:center;margin-top:50px}.setup-btn-neon-red{background-color:#000;border:.2rem solid #fff;border-radius:1rem;box-shadow:0 0 .1rem #fff,0 0 2rem red,inset 0 0 1rem red;color:#ffa1d0;font-weight:800;margin:1rem;padding:.4em;width:200px}@media screen and (max-width:700px){.group-names,.header-about{flex-direction:column}.group-names img{max-width:30%}.group-names h4{width:50%}.options-setup-container label{align-items:center;display:flex;flex-direction:column;margin:15px}.setup-back-home{margin-bottom:30px}.setup-back-home2{margin-bottom:0}.question-container{flex-direction:column}.question-container .neon-border-question{margin:0;max-width:90%;min-width:90%}.question-container .neon-border-question img{height:20px}.question-container .option-container{margin-bottom:20px;margin-top:20px}.question-container .btn-next{margin-bottom:50px}.feedback-page{min-height:auto}.user-rank-data .ranking-number{font-size:xx-large}.user-rank-data img{max-width:50px}.user-rank-data .ranking-player-name{font-size:x-large}.user-rank-data .ranking-score{font-size:xx-large}}
/*# sourceMappingURL=main.dd633bed.chunk.css.map */