*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/Trivia/static/media/background.23b86d9805b018c18b41.png);background-position:50%;background-size:cover;font-family:Arial,Helvetica,sans-serif}.feedback-container{height:100vh}.feedback-container,.feedback-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.feedback-content{background:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);color:#ea5d5d;font-size:22px;gap:20px;height:278px;text-transform:uppercase;width:439px}.feedback-content,.feedback-sub-content{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;line-height:150%}.feedback-sub-content{color:#b5b5b5;font-size:16px;text-align:center}.button-play-again{background:#2fc18c}.button-play-again,.button-ranking{border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;font-size:16px;font-style:normal;font-weight:700;height:45px;letter-spacing:.12em;line-height:150%;width:212.5px}.button-ranking{background:#00d5e2}.feedback-button-container{display:flex;gap:10px;margin-top:15px}.header-image{border:4px solid #2fc18c;border-radius:50%;-webkit-filter:drop-shadow(0 0 9px #2fc18c);filter:drop-shadow(0 0 9px #2fc18c);height:213px;margin-left:-100px;margin-top:-140px;position:absolute;width:213px}.header-content{color:#b5b5b5;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:150%;margin-left:100px;margin-top:30px;position:absolute}.name{display:none;margin-left:130px;margin-top:10px}.score{display:none;margin-left:145px}@media screen and (max-width:490px){.button-play-again,.button-ranking{width:150px}.header-image{height:130px;margin-left:-70px;margin-top:-90px;width:130px}.feedback-content{font-size:16px;width:300px}}.game-container{height:100vh;justify-content:center}.game-container,.game-container-content{align-items:center;display:flex;flex-direction:row}.game-container-content{gap:50px}.game-answer-container{display:flex;flex-direction:column;gap:10px}.game-answer{background:#fff;border:1px solid #fff;border-radius:100px;color:#000;cursor:pointer;font-size:16px;font-style:normal;font-weight:400;height:64px;letter-spacing:.12em;line-height:150%;width:519px}.green-border{border-color:green;box-shadow:1px 4px 13px 2px rgba(125,216,14,.758)}.red-border{border-color:red;box-shadow:1px 4px 13px 2px rgba(216,38,14,.62)}.game-button{background:#2fc18c;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:16px;font-style:normal;font-weight:700;height:45px;letter-spacing:.12em;line-height:150%;margin-left:-520px;margin-top:400px;width:519px}.game-question-container{align-items:center;background:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;flex-wrap:wrap;height:286px;justify-content:space-around;width:439px}.game-question-category{align-items:center;background:#00d5e2;border-radius:100px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;display:flex;height:45px;justify-content:center;letter-spacing:.12em;margin-top:-300px;position:absolute;text-transform:uppercase;width:413px}.game-question-category,.game-question-text{font-size:16px;font-style:normal;font-weight:400;line-height:150%;text-align:center}.game-question-text{color:#000;margin-top:60px}.timer{color:#ea5d5d;font-size:16px;font-style:normal;font-weight:700;letter-spacing:.12em;line-height:150%}@media screen and (max-width:1300px){.game-container-content{flex-direction:column}.game-answer-container{margin-top:-20px}.game-answer{height:54px;margin-right:10px}.game-button{height:40px;margin-bottom:40px;margin-top:680px}}@media screen and (max-width:550px){.game-answer{height:54px;margin-right:10px;width:380px}.game-button{height:35px;margin-bottom:40px;margin-left:-390px;margin-top:680px;width:380px}.game-question-container{width:349px}.game-answer-container{margin-top:-20px}.game-question-category{width:323px}}@media screen and (max-width:420px){.game-answer{height:54px;margin-right:10px;width:350px}.game-button{height:45px;margin-bottom:40px;margin-left:-360px;width:350px}}.login-container{align-items:center;height:100vh;justify-content:center}.login,.login-container{display:flex;flex-direction:column}.login{background-color:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);gap:10px;margin:10px 0;padding:30px;width:50%}.login input{border:1px solid #e1e5eb;height:2.5rem;padding-left:5px;width:100%}.login input::-webkit-input-placeholder{color:#6b7588;font-size:14px;font-weight:400;line-height:150%}.login input::placeholder{color:#6b7588;font-size:14px;font-weight:400;line-height:150%}.login button{background-color:#35916f;border-color:transparent;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:2.5rem;letter-spacing:.1em;line-height:150%;width:100%}.login button:first-of-type{background-color:#2fc18c}.login button:first-of-type:disabled{background-color:#0f3d2de1;color:#5e5d5d;cursor:auto}@media screen and (max-width:600px){.login{width:80%}}.settigs-container{color:#fff;height:100vh}.ranking-container,.settigs-container{align-items:center;display:flex;justify-content:center}.ranking-container{align-content:center;background:#fff;border-radius:10px;box-shadow:1px 4px 13px 2px rgba(0,0,0,.2);flex-direction:column;margin:200px auto 150px;min-height:488px;padding:40px;width:489px}.ranking-title{color:#3c1b7a;font-size:30px;font-style:normal;font-weight:700;letter-spacing:.12em;line-height:150%;margin-bottom:20px;text-transform:uppercase}.li-card-ranking{align-items:center;background:#ebebeb;border-radius:100px;display:flex;justify-content:space-between;list-style:none;margin-bottom:10px}.li-card-ranking-image{border-radius:50%;height:37px;width:37px}.li-card-ranking-container{align-items:center;display:flex;gap:5px;margin-left:5px}.li-card-ranking-score{align-items:center;background-color:#fff;border-radius:100px;box-shadow:0 4px 22px rgba(0,0,0,.25);display:flex;height:55px;justify-content:center;text-align:center;width:184px}.ranking-button{background:#2fc18c;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;cursor:pointer;font-size:16px;font-style:normal;font-weight:700;height:45px;letter-spacing:.12em;line-height:150%;margin-top:10px;text-transform:uppercase;width:386px}@media screen and (max-width:821px){.ranking-container{margin-bottom:400px;margin-top:300px}}@media screen and (max-width:530px){.ranking-container{margin-bottom:310px;margin-top:100px;width:339px}.ranking-button{width:266px}.li-card-ranking-score{width:150px}}
/*# sourceMappingURL=main.0ee017f8.css.map*/