@import url(reset.css);@import url(colors.css);@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");.container{align-items:center;display:flex;flex-direction:column;font-family:Space Mono,monospace;justify-content:center;min-height:99vh;padding:2rem;position:relative;z-index:1}.title{color:var(--primary);font-size:8em;line-height:14rem;margin:0;padding-bottom:0;text-align:center;text-transform:uppercase}@media screen and (min-width:600px){.title{font-size:14.4em}}.subtitle{font-size:3em;margin-top:0;padding-top:0;text-align:center}.text-box{background-color:var(--bg-box);font-size:2.5em;margin:4rem 2rem;padding:2rem;text-align:justify}@media screen and (min-width:600px){.text-box--fixed-width{width:80%}}.btn{background-color:var(--primary);border:none;border-radius:.8rem;color:#000;cursor:pointer;font-size:2em;font-weight:700;margin:3rem;padding:1.5rem 2.5rem;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.4s}.btn:hover{background-color:var(--primary-active)}.btn-fail{background-color:rgba(81,80,82,.816);border:none;border-radius:.8rem;color:#000;cursor:pointer;font-size:2em;font-weight:700;margin:3rem;padding:1.5rem 2.5rem;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.4s}.health{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.icon{color:red;font-size:3rem}.icon--inactive{color:var(--font-color)}.question-container{background-color:var(--bg-question-box);margin:2rem 1rem;padding:2rem;text-align:justify}.question{padding:1em 2em;text-align:center}.question__text{font-size:2rem;font-weight:600;line-height:1}@media screen and (min-width:500px){.question-container{margin:4rem 2rem;padding:2rem}.question{padding:2em 4em}.question__text{font-size:4rem}}.answer-container{display:flex;flex-direction:column;justify-content:space-around;position:relative;width:100%}@media screen and (min-width:500px){.answer-container{flex-direction:row;flex-wrap:wrap;width:100%}}.answer-container--blur{filter:blur(.5em)}.answer{padding:15px;width:100%}@media screen and (min-width:500px){.answer{width:50%}}.answer__button{border:5px solid #fff;border-radius:12px;font-size:1.9em;font-weight:700;height:100%;padding:20px;transition:.15s;width:100%}.answer__button_hover:hover{border:5px solid #45a29e}.answer__button--correct{border:5px solid #19d415}.answer__button--incorrect{border:5px solid #d41c1c}.button{background-color:var(--bg-question-box);border-radius:1.2em;color:#fff;font-weight:700;padding:.25em 1em;transition:.15s;width:auto}.button:hover{box-shadow:inset -.1em -.5em 1em rgba(0,0,0,.25)}.button-skip{background-color:#d3d3d3;color:#fff;cursor:pointer;font-size:2rem}.button-skip:disabled{background-color:var(--bg-question-box);cursor:unset}.button-skip:disabled:hover{box-shadow:none}.button-skip--disabled{color:#000}.button-skip--disabled:hover{cursor:not-allowed}.button-question-read{font-size:3rem;position:absolute;top:50%}.choice-container{align-content:space-around;align-items:center;display:flex;justify-content:space-around;width:80%}.container__title{font-size:5rem;margin-bottom:4rem;padding:1.5rem;text-align:center}.choice{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;transition:transform .5s;width:50%}.choice:hover{cursor:pointer;transform:scale(1.2)}.choice:hover,.choice:hover .choice__title{color:var(--primary)}.choice__img{border-radius:70%;height:15rem;width:15rem}.choice__title{font-size:3rem;padding:1.5rem;text-align:center}@media screen and (max-width:600px){.choice-container{flex-direction:column}}@media screen and (min-width:600px){.choice__img{height:20rem;width:20rem}}@media screen and (min-width:900px){.choice__img{height:27rem;width:27rem}}.choice-container--tier{flex-wrap:wrap}.nickname-input{border:.5rem solid var(--primary);border-radius:.8rem;color:#000;font-size:2em;font-weight:700;margin:3rem;padding:1.5rem 2.5rem;width:25rem}.score{background-color:var(--bg-question-box);font-size:1.3em;font-weight:700;margin-top:2em;padding:.5em;text-align:center}@media screen and (min-width:1100px){.score{height:50%;position:absolute;right:3em;top:3em;width:20%}}.score__table{width:100%}.score__caption{font-size:2.5em}.city{display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:500px){.city{flex-direction:row}}.city__title{font-size:2.5em}.city__input{padding:.5em}