@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto&display=swap);:root{--headerFont:"Pacifico",cursive;--bodyFont:"Roboto",sans-serif}*{margin:0;padding:0}body{align-items:center;background:#7ad8b8;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}#root{width:100%}.spash-main{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--bodyFont);font-size:calc(8px + 2vmin);gap:1rem;margin:auto;width:clamp(25rem,70vw,50rem)}.spash-main>h1{font-family:Pacifico,cursive;font-family:var(--headerFont);font-size:clamp(2rem,7vw,5rem)}.spash-main>button{background:#fff;border:none;color:#7bd8b8;cursor:pointer;padding:.2rem .8rem}.quiz-main,.spash-main>button{border-radius:2rem;font-size:calc(10px + 2vmin)}.quiz-main{align-items:center;background:#5959594a;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--bodyFont);gap:1rem;margin:auto;padding:2rem;width:clamp(23rem,60vw,40rem)}.quiz-main>h1:first-child{font-size:calc(10px + 2vmin)}.quiz-main>h1:nth-child(2){font-size:calc(3rem + 2vmin)}#form{align-items:center;background-color:#00000030;border-radius:2rem;color:#fff;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-family:var(--bodyFont);font-size:calc(8px + 2vmin);font-weight:600;gap:1.5rem;padding:.6rem .8rem}input[type=radio]{accent-color:#4593ff}.form-btn{background:#71b59e;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.5rem;padding:.2rem .8rem}.rslt-main{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--bodyFont);gap:1rem;margin:3rem auto}.rslt-main>h1{font-family:Pacifico,cursive;font-family:var(--headerFont)}.rslt-main>h3{border-radius:2rem;color:#fff;margin:auto;padding:.2rem .8rem;width:clamp(15rem,30vw,18rem)}.rslt-main>button{background:#fff;border:none;border-radius:2rem;color:#7ad8b8;cursor:pointer;font-size:calc(10px + 2vmin);margin-bottom:2rem;padding:.2rem .8rem}.incorrect-container{display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--bodyFont);gap:.5rem;max-height:18rem;overflow:overlay;scroll-behavior:smooth;width:clamp(20rem,40vw,25rem)}.incorrect-container>h3{background-color:#ff9f9f;border-radius:2rem;color:#fff;margin:0 auto;padding:.2rem .8rem;width:clamp(15rem,30vw,18rem)}.pref-main,span{font-family:Roboto,sans-serif;font-family:var(--bodyFont)}.pref-main{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;margin:auto;width:clamp(20rem,70vw,50rem)}.timeout-container{height:12rem;width:50%}.bar-off,.bar-timer{display:flex;flex-direction:column;justify-content:center;width:100%}.bar-off div,.bar-timer div{-webkit-animation:timerbar 3s linear forwards;animation:timerbar 3s linear forwards;background:#ed6d6d;border-radius:10rem;height:.5rem;-webkit-transform-origin:left center;transform-origin:left center;width:100%}.bar-off div{-webkit-animation:timerbar2 3s linear forwards;animation:timerbar2 3s linear forwards}@-webkit-keyframes timerbar{to{width:0}}@keyframes timerbar{to{width:0}}@-webkit-keyframes timerbar2{to{width:0}}@keyframes timerbar2{to{width:0}}.form{display:flex;flex-direction:column;gap:2rem;width:clamp(10rem,70vw,20rem)}.form>select{background:none;border:none;color:#fff;font-family:Roboto,sans-serif;font-family:var(--bodyFont);font-size:1.5rem;text-align:center}.form>input,select:hover{cursor:pointer}.form>input{background:#fff;border:none;border-radius:2rem;color:#7bd8b8;font-size:1.5rem;padding:.2rem .8rem}.s:focus{border-color:#fff!important}@media screen and (max-width:450px){.spash-main{margin:auto;width:90%}.quiz-main{height:70vh;margin:auto;padding:1rem 1rem 0;width:80%}.quiz-main>h1:nth-child(2){font-size:2.5rem}#form{border-radius:0 0 1.5rem 1.5rem;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--bodyFont);height:100%;justify-content:space-around;padding:1rem;width:100%}.form-btn{background:#71b59e;border-radius:2rem;color:#fff;font-size:1.5rem;padding:.2rem .8rem}.rslt-main>h3{width:15rem}label{font-size:1.5rem}.incorrect-container{height:10rem;width:80%}}
/*# sourceMappingURL=main.73e1668d.css.map*/