*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#343a40;color:#fff;font-family:Roboto,sans-serif;font-weight:400;line-height:1}.app{grid-row-gap:2.4rem;display:grid;margin:0 auto;max-width:80rem;padding:4.8rem;row-gap:2.4rem}.header{align-items:center;display:flex;gap:3.6rem;justify-content:center}.header-title{font-family:CodyStar,sans-serif;font-size:5.2rem}.logo{width:14rem}.main{align-items:center;display:flex;flex-direction:column;gap:3.6rem}.start-quiz h2{font-size:3.6rem}.start-quiz h3{font-size:2.4rem}.progress{font-size:1.6rem;width:70%}.progress-bar{height:2.4rem;margin-bottom:.4rem;width:100%}.progress-statics{display:flex;justify-content:space-between}.question-title{font-size:2rem}.question-options{align-items:center;align-self:stretch;display:flex;flex-direction:column;font-size:1.8rem;gap:2rem;list-style:none}.option{transition:all 3s ease-in;width:70%}.option button{width:100%}.selectedOption{transform:translateX(5%)}.btn-disabled{cursor:not-allowed!important;opacity:.5;pointer-events:none}.correctOption{background-color:#1098ad!important}.wrongOption{background-color:#ffa94d!important}.footer{display:flex;justify-content:space-between}.timer.btn{background-color:#343a40;box-shadow:0 0 0 1px #495057;pointer-events:none}.result{display:flex;flex-direction:column;gap:2.4rem}.score.btn{background-color:#1098ad;font-size:2rem;pointer-events:none;width:60%}.btn,.result .highscore{font-size:1.8rem}.btn{align-items:center;background-color:#495057;border:none;border-radius:3rem;color:inherit;display:flex;justify-content:center;padding:1.6rem 3rem;transition:all .5s}.btn:hover{background-color:#343a40;box-shadow:0 0 0 1px #495057;cursor:pointer}@media (max-width:59em){html{font-size:50%}.header-title{font-family:CodyStar,sans-serif;font-size:4.4rem}.logo{width:12rem}.app{padding:3.2rem}}@media (max-width:44em){html{font-size:43.75%}.header-title{font-family:CodyStar,sans-serif;font-size:3.6rem}.logo{width:10rem}.start-quiz h2{font-size:3rem}.start-quiz h3{font-size:2rem}}@media (max-width:34em){html{font-size:37.5%}.app{padding:2.4rem}.question-title{font-size:1.8rem;line-height:1.6}}
/*# sourceMappingURL=main.97c07964.css.map*/