*,body{box-sizing:border-box}body{background:linear-gradient(0deg,#000,#3a1a76 70%);height:100vh;margin:0;padding:0}button{cursor:pointer}button:disabled{cursor:default}.App{text-align:center}.App-logo{height:15vmin;pointer-events:none}.red-border{border:1px solid red}.green-border{border:1px solid green}@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-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-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)}}.trivia-logo{max-width:250px;top:20%;width:15%}.login-container,.trivia-logo{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-container{align-items:center;background-color:#fdfdfd;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:15px;min-width:300px;padding:20px 0;top:50%;width:30%}.login-container input{border:1px solid #e1e5eb;padding:8px 10px;width:70%}.button-container{display:flex;gap:30px;justify-content:space-between;margin-top:10px;width:70%}.login-container button{background-color:#2fc18c;border:none;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;font-weight:700;padding:5px;width:100%}.login-container button:disabled{background-color:#444955}header{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;gap:5%;justify-content:flex-end;padding:10px 20px;width:100vw}header img{border-radius:50%;width:2rem}header *{font-weight:700;margin:0}header>div{align-items:center;display:flex}.player-name{font-size:1.5em}.game-data,.player-name{margin-left:5px}.game-data>p{width:-webkit-max-content;width:max-content}.starIcon{margin-left:5%}.game-container{align-items:center;display:flex;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.game-question{background-color:#fff;border-radius:8px;padding:1.5em 10px;width:40%}.game-category{border-radius:1.5em;font-size:1.1em;font-weight:700;left:50%;margin:0;padding:.5em 1em;position:absolute;top:-1em;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30%}.easy{background:#00ff7f}.medium{background:gold}.hard{background:#ff4500}.btn-next{border-radius:1em;bottom:-1em;font-size:1em;padding:2px 1.3em;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:padding 1s}.btn-next:hover{padding:2px 1.5em}.timer p{margin:0}.question-text{font-size:1.2em}.answer-options{grid-gap:10px 30px;display:grid;gap:10px 30px;grid-template-columns:1fr 1fr}.answer-options button{background:#fff;border-radius:1.5em;height:2.5em}.answer-options button:disabled{background-color:#eee;color:rgba(0,0,0,.6)}.ranking-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;justify-content:center;margin:0 auto;top:148px;width:489px}.ranking-container h1{color:#3c1b7a;font-size:30px;font-weight:700;letter-spacing:.12em;line-height:150%;text-align:center;text-transform:uppercase}.ranking-container ol{margin:0;padding:0}.ranking-container li{list-style:none;margin:0;padding:0}.ranking-container li div{align-items:center;background-color:#ebebeb;border-radius:100px;box-shadow:0 4px 5px rgba(0,0,0,.25);display:flex;flex-flow:row;height:55px;justify-content:space-around;margin-bottom:15px;width:386px}.ranking-container li :hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.ranking-container button{background-color:#2fc18c;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:45px;letter-spacing:.12em;line-height:150%;margin-bottom:40px;text-transform:uppercase;width:386px}.player-name{font-weight:600;text-transform:capitalize}.score{font-weight:700}.avatar{border:.5px solid #fff;border-radius:18.5px;height:37px;width:37px}.logo{height:200px;margin:0 auto;width:178px}.main-area{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.feedback-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;font-weight:700;gap:20px;height:278px;justify-content:center;margin-bottom:15px;text-align:center;width:439px}.feedback-container p{font-size:1.2em;margin:0}.feedback-container h2{font-size:2em;line-height:150%;margin:0;text-transform:uppercase}.bad-result{color:#ea5d5d}.good-result{color:#2fc18c}.buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:439px}.buttons-container button{border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:45px;letter-spacing:.12em;line-height:150%;text-transform:uppercase;width:214px}.buttons-container button:first-child{background-color:#00d5e2}.buttons-container button:nth-child(2){background-color:#2fc18c}
/*# sourceMappingURL=main.558e79cd.css.map*/