@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}img{display:block;max-width:100%}:root{--ff-quick-sand:"Quicksand",sans-serif;--fs-small:1.4rem;--fs-regular:2rem;--fs-big:2.4rem;--fs-huge:4.2rem;--fw-regular:400;--fw-medium:600;--fw-bold:700;--clr-green-dark:#192f37;--clr-green-light:#4dada2;--clr-orange:#e76f51;--clr-orange-tint-01:rgba(231,110,80,.7);--clr-orange-light:#f4a261;--clr-yellow:#e9c46a;--clr-white:#fff;--br-regular:4px;--br-medium:8px;font-size:62.5%;scroll-behavior:smooth}body{background:#192f37;background:var(--clr-green-dark);color:#4dada2;color:var(--clr-green-light);font-family:Quicksand,sans-serif;font-family:var(--ff-quick-sand);font-weight:400;font-weight:var(--fw-regular)}.btn,body{font-size:2rem;font-size:var(--fs-regular)}.btn{background-color:#192f37;background-color:var(--clr-green-dark);border:2px solid #4dada2;border:2px solid var(--clr-green-light);border-radius:8px;border-radius:var(--br-medium);color:#e9c46a;color:var(--clr-yellow);cursor:pointer;font-family:inherit;font-weight:600;font-weight:var(--fw-medium);padding:.4em .8em}h1{color:#4dada2;color:var(--clr-green-light);font-size:4.2rem;font-size:var(--fs-huge);font-weight:700;font-weight:var(--fw-bold)}h2,p,strong{font-weight:400;font-weight:var(--fw-regular)}h2,p{font-size:2rem;font-size:var(--fs-regular)}a{text-decoration:none}.home__title{letter-spacing:2px;margin-bottom:.3em}.home__description{letter-spacing:1px;margin-bottom:2em;text-align:center}.home__description>strong{color:#f4a261;color:var(--clr-orange-light)}.quiz-setup__title{font-size:2.4rem;font-size:var(--fs-big);margin:.8em 0}.question__title{line-height:1.5em;padding-bottom:.5em;padding-top:1.5em}.score__message{font-size:2rem;font-size:var(--fs-regular);letter-spacing:1.5px;margin-bottom:1em;text-align:center}.score__num{color:#e76f51;color:var(--clr-orange)}.score__num-slash{color:#e9c46a;color:var(--clr-yellow)}.container{margin:0 auto;max-width:60rem;width:80vw}.home{align-items:center;flex-direction:column;height:100vh}.btn-wrapper,.home{display:flex;justify-content:center}.quiz-setup__inputs{margin-bottom:6rem}.amount__input,.quiz-setup__select{background-color:#192f37;background-color:var(--clr-green-dark);border:2px solid #e76f51;border:2px solid var(--clr-orange);border-radius:4px;border-radius:var(--br-regular);color:#e9c46a;color:var(--clr-yellow);font-family:inherit;font-size:2rem;font-size:var(--fs-regular);padding:.3em;width:100%}.quiz-setup__select__opt{font-size:1.4rem;font-size:var(--fs-small)}.amount__wrapper{display:flex}.amount__input{text-align:center}.question{border-bottom:1px solid rgba(231,110,80,.7);border-bottom:1px solid var(--clr-orange-tint-01);padding-bottom:1.5em}.question__options{display:flex;flex-direction:column;gap:.5em}.question__opt{border:2px solid #fff;border:2px solid var(--clr-white);color:#fff;color:var(--clr-white);font-size:2rem;font-size:var(--fs-regular);font-weight:400;font-weight:var(--fw-regular);opacity:.6;padding:.5em 1em}.question__opt:disabled{cursor:auto}.question__opt--selected{border-color:#f4a261;border-color:var(--clr-orange-light);color:#f4a261;color:var(--clr-orange-light);opacity:1;transition:all .3s ease-out}.question__opt--incorrect{border-color:#ff6b6b;color:#ff6b6b;opacity:.8}.question__opt--correct{border-color:#8ce99a;color:#8ce99a;opacity:1}.quiz__bottom{align-items:center;display:flex;flex-direction:column;padding:1.5em 0}.loader-wrapper{padding:2em}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #fff;border-top:5px solid #4dada2;border:5px solid var(--clr-white);border-radius:50%;border-top-color:var(--clr-green-light);height:80px;margin:0 auto;width:80px}.loader__text{color:#fff;color:var(--clr-white);font-size:2.4rem;font-size:var(--fs-big);letter-spacing:1px;padding:.5em;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:498px){.quiz-setup__select__opt{font-size:2rem;font-size:var(--fs-regular)}.question__title{margin-bottom:1em}.question__options{flex-direction:row;flex-wrap:wrap;gap:1em}.question__opt{padding:.3em 1em}}
/*# sourceMappingURL=main.d486de18.css.map*/