@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";.container{max-width:90vw;margin:0 auto;z-index:1}.content-section{height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.content-section>.heading{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:.1em;font-weight:200;margin-bottom:10px;text-shadow:1px 1px 2px #333333c2}.content-section>.subHeading{font-size:clamp(1.2rem,2vw,4rem);letter-spacing:.1em;font-weight:200;margin-bottom:20px;text-shadow:1px 1px 2px #333333c2}.creator{text-align:center;font-size:.8rem;letter-spacing:.1em;text-shadow:1px 1px 2px #333333c2;font-weight:200}@media (min-width :1024px){.creator{font-size:1.25rem}}.button-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.button-section>.btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:5px;height:50px;width:100%;text-decoration:none;color:#fff;padding:10px;border-radius:10px;border:1px solid #eee;min-width:200px;text-align:center;background-color:#a658b5;margin:10px 0;transition:all .5s ease 0s;font-size:clamp(1.2rem,1.4vw,2rem);text-shadow:1px 1px 2px #333333c2}.button-section>.btn:hover{background-color:#622a83}@media (min-width:768px){.button-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}.btn{text-decoration:none;color:#fff;padding:10px;border-radius:10px;border:1px solid #eee;min-width:200px;text-align:center;background-color:#a658b5;margin:10px 0;transition:all .5s ease 0s;font-size:clamp(1.2rem,1.3vw,2rem);text-shadow:1px 1px 2px #333333c2;box-shadow:1px 2px 3px #33333374}.btn:hover{background-color:#622a83}.btn-options:hover{background-color:#a658b5!important}.btn.btn-correct{text-decoration:none;color:#fff!important;background-color:#622a83!important;text-shadow:none!important;transition:all 1s ease 0s!important}@media (min-width:1024px){.button-section{margin-top:25px}.button-section>.btn{height:70px}}.modal-container{background-color:#333333c4;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;transition:all .5s ease 0s;z-index:2}.modal-container>.modal{filter:blur(5);background-color:#622a83da;display:flex;flex-direction:column;width:90vw;height:auto;min-width:280px;max-width:50%;align-items:center;justify-content:center;position:relative}.modal-container>.modal>.heading{font-size:clamp(1.8rem,5vw,4rem);text-align:center;padding:0 10px;margin-top:10px;margin-bottom:20px;letter-spacing:.1em}.modal-container>.modal>.rules{font-size:clamp(.93rem,2vw,1.45rem);padding:0 20px;margin-bottom:20px;letter-spacing:.1em;line-height:1.2em;width:100%}.modal-container>.modal>.btn{width:60%!important;max-width:400px;margin-bottom:25px;cursor:pointer}.modal-container>.modal>.btn:hover{background-color:#622a83}.hidden{opacity:0}.display-hidden{display:none}.highlight{color:#cd95e3}.quiz-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh}.quiz-content>.pause-icon{width:100%;height:32px;display:flex;align-items:center;justify-content:flex-end;margin-bottom:60px}.quiz-content .text-content{margin-bottom:10px}.quiz-content .text-content>.heading{text-align:center;font-size:clamp(2.4rem,5vw,3rem);letter-spacing:.1em;font-weight:200;margin-bottom:20px;margin-top:0;text-shadow:1px 1px 2px #333333c2}.quiz-content .text-content>.question{text-align:center;font-size:clamp(1.2rem,2vw,4rem);margin:10px}.quiz-content>.timer{font-weight:700;letter-spacing:.1em;font-size:clamp(2.4rem,5vw,4rem)}.quiz-content>.progress-bar{position:relative;width:clamp(300px,80vw,900px);height:20px;background-color:#fff;border-radius:100px;margin:20px;border:2px solid #eee}.quiz-content>.progress-bar .progress-bar-content{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:100px;background-color:#622a83;transition:all .5s ease 0s}.pause-heading{text-align:center;font-size:clamp(2.4rem,5vw,3rem);letter-spacing:.1em;font-weight:200;margin:10px;text-shadow:1px 1px 2px #333333c2}.question-heading{text-align:center;font-size:clamp(2.4rem,5vw,3rem);letter-spacing:.1em;font-weight:200;margin-bottom:20px;margin-top:0;text-shadow:1px 1px 2px #333333c2}@media (min-width:1024px){.quiz-content>.pause-icon{height:60px;width:100%}.quiz-content>.pause-icon>.icon--pause{height:48px;width:48px}}.score-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.score-content>.high-score-section{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}.score-content>.high-score-section>.icon{text-align:center;margin-top:20px;width:32px}.score-content>.high-score-section>.high-score{width:100%;height:32px;font-size:2em;text-align:center}.score-content .main-section{width:100%;height:80vh;flex-direction:column;display:flex;align-items:center;justify-content:center}.score-content .main-section>.score-heading{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:.05em;font-weight:200;margin-bottom:10px;text-shadow:1px 1px 2px #333333c2}.score-content .main-section>.score{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:.1em;font-weight:200;margin:20px;text-shadow:1px 1px 2px #333333c2}.score-content .main-section>.score-message{font-size:clamp(1.2rem,2vw,4rem);text-align:center;margin-bottom:10px}.score-content .main-section>.emoji{font-size:clamp(1.2rem,2vw,1.9rem);text-align:center;margin:15px 0}.score-content .main-section>.button-section>.btn>.icon{margin-right:5px;width:20px;height:20px}@media (min-width:1024px){.score-content>.high-score-section>.icon{width:48px;height:48px}.score-content>.high-score-section>.high-score{width:100%;height:48px;font-size:2.4em;text-align:center}.score-content .main-section>.button-section{margin:10px 0}.score-content .main-section>.button-section>.btn{height:60px;font-size:1.8rem}.score-content .main-section>.button-section>.btn>.icon{margin-right:5px;width:20px;height:20px}}@keyframes transitionIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Russo one,sans-serif}body{color:#fff;height:100vh;background-image:linear-gradient(#602981 45%,#80318f 90%);animation:transitionIn .6s}