.correctColor{border:3px solid #06f00f}.incorrectColor{border:3px solid red}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1b0c38;background-image:url(/static/media/background.123e49c36618a4bb364a.png);background-repeat:no-repeat;background-size:cover;width:100vw}.container-login,body{align-items:center;display:flex;height:100vh;justify-content:center}.container-login{flex-direction:column;gap:12px}.login{align-items:center;background-color:#fff;border-radius:10px;height:40vh;width:40vw}.login,.login form{display:flex;justify-content:center}.login form{flex-direction:column;gap:7%;height:100%;margin:10%;width:100%}.button-login{background-color:initial;background-image:linear-gradient(-180deg,#00d775,#00bd68);border:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,apple-system,system-ui,Roboto,Helvetica Neue;height:44px;line-height:44px;outline:0;overflow:hidden;padding:0 20px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;width:100%;z-index:9}.button-login:hover{background:#00bd68}.login form input{border:.3px solid #bcc2c0;border-radius:5px;font-size:1.5em;height:10%;padding-left:5%}.button-config{background-color:initial;background-image:linear-gradient(-180deg,#1d7052,#1d7052);border:0;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,apple-system,system-ui,Roboto,Helvetica Neue;height:44px;line-height:44px;outline:0;overflow:hidden;padding:0 20px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap;width:100%;z-index:9}.button-config:hover{background:#028036}.logo-trivia{height:30%;width:40%}@media (max-width:599px){.login{width:80vw}.logo-trivia{width:50%}}.header{align-items:center;background-color:hsla(192,2%,60%,.212);color:#fff;display:flex;gap:10%;height:10vh;justify-content:flex-end;padding-right:10%;width:100vw}.header img{border-radius:100%;width:20%}.container-user{align-items:center;display:flex;gap:8px;height:100%;width:20%}@media (max-width:599px){.header{align-items:center;background-color:#fff;display:flex;gap:10%;height:10vh;justify-content:flex-end;padding-right:10%;width:100vw}.header img{border-radius:100%;width:15%}}.container-game{align-items:center;display:flex;flex-direction:column;height:100vh;width:100vw}.logo-game{align-self:flex-start;height:30%;margin-left:20%;width:20%}.container-questions-all{display:flex;gap:20px;height:100%;justify-content:center;width:100%}.container-questions{background-color:#fff;flex-direction:column;height:80%;width:40%}.category,.container-questions{align-items:center;border-radius:10px;display:flex}.category{background-color:red;color:#fff;font-size:1.5em;height:15%;justify-content:center;width:100%}.question{align-items:center;display:flex;flex-wrap:wrap;font-size:1.2em;height:50%;justify-content:center;width:80%}.container-answer{display:flex;flex-direction:column;height:50%;width:40%}.container-answer button{border-radius:10px;height:3em;margin-top:5%;width:100%}.seconds{align-items:center;display:flex;flex-direction:column}.spinner{-webkit-animation:spin 50s linear;animation:spin 50s linear;-webkit-animation-duration:30s;animation-duration:30s;border:5px solid #1b0c53;border-left-color:#24af86;border-radius:50%;display:flex;height:40px;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:599px){.container-questions-all{align-items:center;flex-direction:column}.container-questions{background-color:#fff;flex-direction:column;height:80%;width:70%}.category,.container-questions{align-items:center;border-radius:10px;display:flex}.category{background-color:red;color:#fff;font-size:1.5em;height:28%;justify-content:center;width:100%}.logo-game{align-self:center;height:30%;margin-left:0;width:20%}}.container-feedback{gap:30%;height:100vh}.container-feedback,.container-point{align-items:center;display:flex;flex-direction:column}.container-point{align-self:center;background-color:hsla(192,2%,60%,.212);border:1px solid #fff;border-radius:10px;color:#fff;font-size:1.5em;height:40%;justify-content:center;width:40%}.container-point span,p{height:25%}.container-point p{color:red;font-size:110%;font-weight:700}.container-ranking{align-items:center;background-color:hsla(192,2%,60%,.212);border:1px solid #fff;border-radius:10px;box-shadow:0 4px 14px hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-weight:700;height:50vh;width:50vw}.container-ranking h1{color:#f8aa03;font-weight:700}.container-players{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2%;margin-top:2%;overflow-y:scroll;width:80%}.container-players::-webkit-scrollbar{width:12px}.container-players::-webkit-scrollbar-track{background:rgba(4,4,255,.158)}.container-players::-webkit-scrollbar-thumb{background-color:rgba(42,43,104,.658);border:3px solid #5b5f5d57;border-radius:20px}.list{align-items:center;display:flex;gap:10%;height:80%;justify-content:center;margin:5%;width:70%}.list span{width:25%}.list img{width:15%}
/*# sourceMappingURL=main.faf45180.css.map*/