:root{--color-darkest:#343a40;--color-dark:#a4a6aa;--color-light:#f1f3f5;--color-lightest:#fff;--color-theme:#8acae5;--color-correct:#5ecb4a;--color-wrong:#ec4949}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:62.5%}body{background-color:#343a40;background-color:var(--color-darkest);color:#f1f3f5;color:var(--color-light);min-height:100vh;padding:1rem}.app{flex-direction:column;justify-content:center}.app,.header{align-items:center;display:flex}.header{justify-content:space-between;margin-bottom:1.8rem;width:50rem;@media screen and (max-width:576px){width:90%}}.main{width:50rem;@media screen and (max-width:576px){width:90%}}.start{align-items:center;display:flex;flex-direction:column}.btn{background-color:#a4a6aa;background-color:var(--color-dark);border:2px solid #a4a6aa;border:2px solid var(--color-dark);border-radius:100px;color:#f1f3f5;color:var(--color-light);cursor:pointer;display:block;font-family:inherit;font-size:2rem;padding:1.2rem 2.4rem;transition:.3s;@media screen and (max-width:576px){padding-bottom:1rem;padding-left:2.1rem;padding-right:2.1rem;padding-top:1rem}}.btn:not([disabled]):hover{background-color:#343a40;background-color:var(--color-darkest)}.btn-option:not([disabled]):hover{transform:translateX(1.2rem)}.btn[disabled]:hover{cursor:not-allowed}.btn-action{float:right}img{width:12rem}h1{font-family:Codystar;font-size:5.6rem}h2{font-size:3.6rem;margin-bottom:2rem;@media screen and (max-width:576px){font-size:2rem}}h3{font-size:2.4rem;margin-bottom:4rem;@media screen and (max-width:576px){font-size:1.8rem}}h3,h4{font-weight:600}h4{font-size:2.2rem;margin-bottom:2.4rem;@media screen and (max-width:576px){font-size:1.6rem}}.progress{grid-gap:1.2rem;color:#a4a6aa;color:var(--color-dark);display:grid;font-size:1.8rem;gap:1.2rem;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:2rem}progress{-webkit-appearance:none;grid-column:1/-1;height:12px;width:100%}::-webkit-progress-bar{background-color:#a4a6aa;background-color:var(--color-dark);border-radius:100px}::-webkit-progress-value{background-color:#8acae5;background-color:var(--color-theme);border-radius:100px}.options{grid-gap:1.8rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:start;margin-bottom:2rem;& button{background-color:#8cd4f3;border:1px solid #fff;border-radius:5px;color:#161616;display:block;height:4rem;width:100%}}.timer{border:2px solid #a4a6aa;border:2px solid var(--color-dark);border-radius:100px;color:#a4a6aa;color:var(--color-dark);float:left;font-size:1.8rem;padding:1.35rem 2.8rem;@media screen and (max-width:576px){padding-bottom:1rem;padding-left:2.4rem;padding-right:2.4rem;padding-top:1rem}}.result{background-color:#8acae5;background-color:var(--color-theme)}.error,.result{border-radius:3rem;display:block;font-size:2rem;font-weight:500;margin-bottom:6rem;padding:2rem 0;text-align:center;width:100%}.error{background-color:#ec4949;background-color:var(--color-wrong);color:#fff;color:var(--color-lightest)}.answers{display:flex;justify-content:space-around;margin-bottom:1.5rem;@media screen and (max-width:576px){margin-bottom:1rem}& button{background-color:#dfa4f1;border:1px solid #fff;border-radius:50%;color:#161616;cursor:pointer;display:block;height:7rem;transition:all .3s ease-out;width:7rem;@media screen and (max-width:576px){height:6rem;width:6rem}&.selected,&:hover{transform:scale(1.15)}&.correct{background-color:#5ecb4a}&.wrong{background-color:#ec4992}}}
/*# sourceMappingURL=main.3d54c6a6.css.map*/