@import url(https://fonts.cdnfonts.com/css/valorant);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:IBM Plex Sans,sans-serif;font-size:62.5%}body{background-color:#121213;color:#fff;min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4.8rem}.main{width:80rem}h1{color:#fa4454;font-family:VALORANT,sans-serif;font-size:7.4rem;margin-bottom:4.8rem}h3{font-size:3.6rem;margin-bottom:1.6rem}h4{margin-bottom:4.8rem}.btn,h4{font-size:2.4rem}.btn{background-color:#fa4454;border:none;border-radius:100px;color:inherit;cursor:pointer;font-family:inherit;font-weight:400;padding:1rem 3rem;transition:.3s}.btn:not([disabled]):hover{background-color:initial;outline:1px solid #fa4454}.start-screen{align-items:center}.question,.start-screen{display:flex;flex-direction:column}.question{margin-bottom:6.4rem}.options{display:flex;flex-direction:column;gap:2rem}.btn-option{text-align:left;width:100%}.correct{background-color:green}.wrong{background-color:#2c2c2c}.answer{cursor:default}.loading h4{text-align:center}.header{display:flex;flex-direction:column;gap:2rem;max-width:120rem}.stats{display:flex;font-size:2rem;justify-content:space-between;margin-bottom:4rem}progress{background-color:#fff;border-radius:20px;height:1.6rem;width:100%}progress::-webkit-progress-value{background-color:#fa4454}progress::-webkit-progress-bar{background-color:#fff;border-radius:20px}.footer{align-items:center;display:flex;justify-content:space-between;max-width:120rem}.timer p{border:2px solid #fa4454;border-radius:100px;font-size:2.4rem;font-weight:400;padding:1rem 3rem}.finish{display:flex;flex-direction:column}.finish-stats{align-items:center;background-color:#364966;border-radius:100px;display:flex;justify-content:center;margin-bottom:4rem;padding:2rem}.finish h4{margin:0}.finish button{align-self:flex-end}.filter-options{display:flex;gap:2rem;justify-content:center;max-width:120rem}select{background-color:#fa4454;color:inherit;cursor:pointer;font-family:inherit;font-size:1.6rem;font-weight:400;margin-top:4rem;padding:.8rem 2.4rem}select:focus{border:none;box-shadow:none;outline:none}@media (max-width:62.5em){h1{font-size:5.2rem}h3{font-size:3rem}h4{font-size:2rem}}@media (max-width:50em){.main{width:60rem}}@media (max-width:43.75em){.main{width:50rem}h1{font-size:3.4rem}h3{font-size:2.2rem}h4{font-size:1.8rem}}@media (max-width:31.25em){.main{width:40rem}h1{font-size:2.6rem;margin-top:8rem}h3{font-size:2rem}h3,h4{text-align:center}h4,p{font-size:1.6rem}.main{width:30rem}}@media (max-width:25em){h1{font-size:2.4rem}}
/*# sourceMappingURL=main.cfb88d5f.css.map*/