@import url(https://fonts.googleapis.com/css2?family=Sora&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,button,input,select{font-family:Sora,sans-serif;font-size:16px;line-height:1.5}.login-container,.settings-container{align-items:center;background-image:url(/static/media/background-login.c9f597576999f2d8375c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:38px;height:100vh;justify-content:center;width:100vw}.login-container :is(.login),.settings-container form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:.2rem;justify-content:center;padding:48px;width:30%}.login>*,.settings>*{padding:10px;width:100%}.login-container .login,.settings-container .settings{display:flex;flex-direction:column;font-size:14px;gap:12px;max-width:610px;width:85%}.login-container .login input{border:1px solid #e1e5eb;border-radius:4px;font-size:15px;padding:14px}.login-container .login button,.settings-container .settings button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.75px}.login-container .login button:disabled,.settings-container .settings button:disabled{cursor:no-drop}.login-container .login .btn-play{margin:12px 0 0}.login-container .login .btn-play,.settings-container .settings .btn-play{background-color:#2fc18c;text-transform:uppercase}.settings-container .settings .btn-play{margin:12px 0 0}.login-container .login .btn-play:disabled,.settings-container .settings .btn-play:disabled{background-color:rgba(47,193,140,.4)}.login-container .login .btn-settings{background-color:#35906f;margin:0}.settings-container .settings select{background-color:#fff;border:1px solid #e1e5eb;border-radius:4px;font-size:14px;padding:14px}.settings-container .settings select:active{border:2px solid #000;padding:13px}.settings-container .settings select:focus-visible{border:2px solid #000;outline:none;padding:13px}.settings-container .settings h1{color:#3c1b7a;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-transform:uppercase;transition:all .15s}@media only screen and (max-width:800px){.settings-container .settings h1{font-size:2.1rem}}.header{align-items:center;background-color:#fff;display:grid;font-size:16px;grid-template-columns:1fr 1fr;height:110px;position:fixed;width:100%;z-index:10}.header .wrapper{align-items:center;display:flex;grid-column:2;justify-content:space-evenly}.header .header-score,.header .header-user{align-items:center;display:flex;gap:14px}.header .header-user .avatar,.header .header-user img{border-radius:8px;height:38px;width:38px}.header .header-user .avatar{background-color:rgba(0,0,0,.15)}.header .header-settings{height:32px;width:32px}.header .header-score .score{font-weight:600}@media only screen and (max-width:900px){.header{padding:0 16px}.header,.header .wrapper{align-items:center;display:flex;justify-content:space-between}.header .wrapper{gap:16px}.score-text{display:none}}.game-container{align-items:center;background-image:url(/static/media/background.cdb617db823328feb351.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:.5rem;height:calc(100vh - 110px);justify-content:center;margin:auto;overflow-y:auto;position:absolute;top:110px;width:100%;z-index:10}.game-container .loading-message{color:#fff;font-size:1.5rem;font-weight:700;position:absolute;text-transform:uppercase}.game-container .wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-evenly;margin-top:140px;position:relative;width:85%}.game-container .question-container{align-items:center;background-color:#fff;border-radius:18px;display:flex;font-size:20px;height:286px;justify-content:center;max-width:440px;padding:24px;position:relative;text-align:center;width:100%}.game-container .question-container .question-category{align-self:center;background-color:#f9ba18;border-radius:24px;color:#fff;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 0;position:absolute;text-transform:uppercase;top:-24px;width:90%}.game-container .question-container .timer{align-items:center;bottom:12px;color:#ea5d5d;display:flex;font-weight:500;gap:8px;padding:14;position:absolute}.game-container .answers-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:440px}.game-container button{background-color:#fff;border:3px solid transparent;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:500;padding:.5rem;text-transform:uppercase;transition:all .2s ease-in-out}.game-container .answers-container button:disabled{background-color:hsla(0,0%,100%,.6);cursor:no-drop}.game-container .answers-container .correct-answer.selected{background-color:#06f00f;border:3px solid #06f00f}.game-container .answers-container .wrong-answer.selected{background-color:red;border:3px solid red}.game-container .answers-container .btn-next{margin:12px 0 0}.game-container .score-container{margin:32px 0 0}.score-container p{color:#f9ba18;font-size:1.5rem;font-weight:700;text-transform:uppercase}@media only screen and (max-width:900px){.game-container .answers-container .btn-next{grid-row:1;margin:0 0 12px}}.main-feedback{background-image:url(/static/media/background-login.c9f597576999f2d8375c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;gap:38px;height:100vh;width:100vw}.main-feedback,.main-feedback section{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-feedback section{background-color:#fff;border-radius:10px;gap:.2rem;max-width:610px;padding:48px;width:85%}.main-feedback section p{color:#ea5d5d;font-size:2.5rem;font-weight:500;text-transform:uppercase}.main-feedback section .congrats{color:#2fc18c}.main-feedback section .feedback-message{font-size:18px;font-weight:500;margin-top:4px}.main-feedback section .feedback-message:nth-child(2){margin-top:14px}.main-feedback .buttons{display:flex;gap:18px;max-width:610px;width:85%}.main-feedback .buttons button{background-color:#2fc18c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:400;padding:10px;text-transform:uppercase;width:100%}@media only screen and (max-height:850px){.main-feedback .logo{display:none}}@media only screen and (max-width:500px){.main-feedback .buttons{flex-wrap:wrap}}.container{background-image:url(/static/media/background.cdb617db823328feb351.png);background-repeat:no-repeat;background-size:cover;height:100%;margin:auto;overflow-y:auto;position:absolute;width:100%;z-index:10}.container,.ranking-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.ranking-container{background:#fff;border-radius:.625rem;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);padding:48px}.title-container>h1{color:#3c1b7a;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-transform:uppercase}table{border-collapse:collapse;width:100%}th{background-color:#3c1b7a;color:#fff}td,th{padding:.625rem;text-align:center}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}.player-picture{border-radius:50%;height:3.125rem;width:3.125rem}button{background-color:#3c1b7a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:14px 0 0;padding:.5rem 1rem;text-transform:uppercase}@media (max-width:768px){.ranking-container{width:90%}}
/*# sourceMappingURL=main.a5f7b628.css.map*/