*{box-sizing:border-box;font-family:Karla;margin:0;padding:0}.landing{align-items:center;background-image:url(/quizzical/static/media/background-img.782d95561eb66e172ee6.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.title{font-size:6.2vmin;font-weight:700;padding:20px}.sub-title,.title{color:#293264;line-height:100%;text-align:center}.sub-title{font-size:3.3vmin;font-weight:600;margin-bottom:7vmin;padding:0 20px}.start-btn{background:#4d5b9e;border:none;border-radius:15px;color:#fff;cursor:pointer;display:block;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:3vmin;margin:7vmin auto auto;padding:2vmin 5vmin;width:25vmin}.start-btn:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}.cat-btn{background:#deebf8;border:none;border-radius:15px;color:#707798;cursor:pointer;display:block;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:2.5vmin;margin:5vmin auto auto;padding:2vmin;width:20vmin}.cat-btn:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}.main{background-image:url(/quizzical/static/media/background-img.782d95561eb66e172ee6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100vw;min-height:100vh;padding:0 5vmin}.question{margin:0;padding:0 0 5vmin;width:100%}.line{border:.794239px solid #dbdef0;margin-top:5vmin;width:80%}.question-value{color:#293264;font-size:3.3vmin;font-weight:700;line-height:130%;width:100%}.quiz-container{padding:5vmin;width:100%}.option-container{display:flex;width:auto}.option{background-color:#fff;border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;font-size:2.4vmin;font-weight:500;line-height:100%;margin:2vmin 6vmin 0 0;padding:1vmin 2vmin;text-align:center}.cat-option{grid-gap:2vmin 5vmin;display:grid;grid-template-columns:20% 20% 20% 20%;margin-bottom:5vmin;width:100%}.option-cat{background-color:#eef8fd;border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:2.4vmin;font-weight:500;line-height:100%;margin:2vmin 3vmin 0;padding:1vmin 2vmin;text-align:center;width:100%}.option-cat:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}.dif-option{display:grid;margin:3vmin 0;width:100%}.dif-cat{background-color:#fffdeb;border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:2vmin;font-weight:500;line-height:100%;margin:2vmin auto;padding:2vmin 0;text-align:center;width:50%}.dif-cat:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}@media screen and (max-width:900px){.dif-cat{background-color:#fffdeb;border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:2vmin;font-weight:500;line-height:100%;margin:2vmin auto;padding:2vmin 0;text-align:center;width:50%}.option-container{display:grid;grid-template-columns:50% 50%;margin-top:1vmin}.question-value{font-size:4vmin}.option{background-color:#fff;border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;font-size:3vmin;font-weight:500;line-height:100%;margin:2vmin 6vmin 0 0;padding:1vmin 2vmin;text-align:center;width:auto}}@media screen and (max-width:600px){.dif-option{margin:8vmin 0 3vmin;width:100%}.dif-cat{background-color:#fffdeb;font-size:5vmin;margin:2vmin auto;padding:2vmin 0;width:50%}.dif-cat,.option-cat{border:1.5px solid #293264;border-radius:13px;color:#293264;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-weight:500;line-height:100%;text-align:center}.option-cat{background-color:#fff;font-size:4vmin;margin:2vmin 3vmin 0;padding:2vmin 4vmin;width:100%}.option-container{display:grid;grid-template-columns:90%;width:100%}.title{font-size:14vmin;font-weight:700;margin-top:-30vmin}.sub-title,.title{color:#293264;line-height:100%;text-align:center}.sub-title{font-size:5.5vmin;font-weight:600;margin-bottom:16vmin;padding:0 20px}.cat-btn{background:#deebf8;border:none;border-radius:15px;color:#707798;cursor:pointer;display:block;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:5vmin;margin:4vmin auto auto;padding:3vmin 7vmin;width:50vmin}.cat-btn:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}.start-btn{background:#4d5b9e;border:none;border-radius:15px;color:#fff;cursor:pointer;display:block;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:7vmin;margin-top:15vmin;padding:5vmin 10vmin;width:55vmin}.start-btn:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}}.check-btn{background:#4d5b9e;border:none;border-radius:15px;color:#fff;cursor:pointer;display:block;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:3vmin;margin:7vmin auto 0;padding:2vmin 5vmin;width:35vmin}.check-btn:active{-webkit-filter:drop-shadow(0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 0 rgba(256,256,256,0))}.selected{background-color:#d6dbf5}.showCorrect{background-color:#94d7a2}.showInCorrect{background-color:#f8bcbc}.play-again{align-items:center;display:flex;justify-content:center;width:100%}.result{color:#293264;font-size:4vmin;font-weight:700;margin:0 5vmin 0 auto;padding:5vmin 0 3vmin;text-align:center;width:auto}.play-btn,.result{display:inline-block}.play-btn{background:#4d5b9e;border:none;border-radius:15px;color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:3vmin;margin:5vmin auto 3vmin 0;padding:2vmin 5vmin;width:35vmin}.confetti{width:100%}
/*# sourceMappingURL=main.0936e11d.css.map*/