body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login{background-color:#735dd4;box-sizing:border-box;height:100vh;margin:0;padding:0}.login,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background-color:#fff;border-radius:20px;box-shadow:0 .3em 1.5em #353535;color:#290c61;flex-direction:column;height:20em;position:relative;width:20em}.login-container form{align-items:center;display:flex;flex-flow:column wrap;max-width:20em}.login-container input{background-color:#f5f5f5;border:none;border-radius:5px;margin:1em 0;outline:none;padding:.6em}.login-container label{display:flex;flex-flow:column wrap}.login-container button:nth-child(odd){background-color:rgba(10,245,155,.5);border:none;border-radius:5px;box-shadow:0 15px 25px -4px rgba(30,30,60,.25);color:#fff;font-weight:700;margin:.5em 0;padding:.6em;width:10em}.login-container button:nth-child(2n),.login-container button:nth-child(odd){-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.login-container button:nth-child(2n){background-color:transparent;border:none;color:#290c61;font-size:30px;position:absolute;right:10px;top:10px}.login-container button:nth-child(2n):hover,.login-container button:nth-child(odd):hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.login-container button:nth-child(odd):hover{background-color:#0af59b}.login-container span{color:red}@media (prefers-reduced-motion:no-preference){.settings-btn{-webkit-animation:settings-btn-spin 20s linear infinite;animation:settings-btn-spin 20s linear infinite}}@-webkit-keyframes settings-btn-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes settings-btn-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{align-items:center;background-color:#dfdcdc;color:#333;display:flex;font-weight:600;justify-content:space-around;letter-spacing:2px}p{margin-left:10px}.main{flex-flow:column wrap;font-size:22px;height:100vh;justify-content:center}.main,.player-info{align-items:center;display:flex}.player-info img{border-radius:100%;margin-right:10px;width:15%}.question-container,.score-container{align-items:center;display:flex}.question-container{background-color:#fff;border-radius:15px;box-shadow:0 .3em 1.5em #353535;color:#333;flex-flow:column wrap;font-weight:600;min-width:20em;padding:1em;text-align:center;width:40%}.alternatives{display:flex;flex-flow:column;margin-top:25px}.btn-alternative{background-color:#a8f9f3;border:none;border-radius:10px;box-shadow:0 .1em 1.5em #353535;color:#290c61;font-size:22px;font-weight:600;margin:1em;max-width:20em;padding:15px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:20em}.alternatives button:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.timer{background-color:#a8f9f3;border:3px solid #624291;border-radius:100%;color:#624291;display:block;font-weight:600;height:25px;padding:5px;position:absolute;text-align:center;top:-17px;width:25px}.btn-next{background-color:rgba(10,245,155,.8);border:none;border-radius:5px;box-shadow:0 15px 25px -4px rgba(30,30,60,.25);color:#fff;font-weight:700;margin:.5em 0;padding:15px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:10em}.btn-next:hover{background-color:#0af59b;-webkit-transform:scale(1.3);transform:scale(1.3)}.feedback-container{height:100vh;justify-content:center}.feedback-container,.feedback-message{align-items:center;display:flex;flex-flow:column wrap}.feedback-message{background-color:#fff;border-radius:15px;box-shadow:0 .3em 1.5em #353535;color:#333;font-weight:600;min-width:20em;padding:1em;text-align:center;width:40%}.fb-btn-container button{background-color:rgba(10,245,155,.8);border:none;border-radius:5px;box-shadow:0 15px 25px -4px rgba(30,30,60,.25);color:#fff;font-weight:700;margin:10px;padding:15px 10px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:20em}.fb-btn-container button:hover{background-color:#0af59b;-webkit-transform:scale(1.1);transform:scale(1.1)}body{background-color:#735dd4}.correct-answer{background-color:#54fc86;border:3px solid #06f00f;border-radius:10px}.correct-answer,.wrong-answer{box-shadow:0 .1em 1.5em #353535;color:#fff;font-size:22px;font-weight:600;margin:1em;max-width:20em;padding:15px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:20em}.wrong-answer{background-color:#d47b7a;border:3px solid red;border-radius:10px}
/*# sourceMappingURL=main.ca431c48.chunk.css.map */