@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap";body{font-size:16px;box-sizing:border-box;font-family:Montserrat,sans-serif;background:#e5e3e5}.quiz{padding:2rem 3rem}.question{text-align:center;padding:2rem;font-size:1.5rem;background:#0693dc;color:#fff}.score{background:#fff;color:0;font-size:18px;width:200px;margin:0 auto 30px;font-weight:600;height:40px;display:flex;align-items:center;justify-content:center}.next-button{text-align:center;width:30%;margin:1rem auto;padding:1.5rem;background:black;color:#fff;cursor:pointer}.disabled-answer{pointer-events:none}.answers{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);gap:2rem;margin:2rem 0}.answers .answer{display:flex;border:2px solid #0693dc;cursor:pointer}.answers .answer .answer-div{display:flex;justify-content:flex-start;align-items:center;width:100%;background:#fff}.answers .answer .answer-div .answer-letter{padding:1.6rem;margin:.05rem;background:#0693dc;color:#fff;font-size:2.3rem}.answers .answer .answer-div .answer-text{font-size:1.3rem;color:#000;padding:0 0 0 1rem}.answers .correct-answer{border:2px solid green!important}.answers .correct-answer .answer-letter{background:green!important}.answers .wrong-answer{border:2px solid red}.answers .wrong-answer .answer-letter{background:red!important}.results{text-align:center;padding:1rem 0;line-height:1.5rem}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 600px){.quiz{padding:1rem}.score{font-size:1rem;height:30px;margin-bottom:15px}.question{font-size:.8rem;padding:1rem}.answers{display:grid;grid-template-columns:repeat(1,auto);grid-template-rows:repeat(4,auto);gap:1rem;margin:1rem 0}.answers .answer{display:flex;border:2px solid #0693dc;cursor:pointer}.answers .answer .answer-div{display:flex;justify-content:flex-start;align-items:center;width:100%;background:#fff}.answers .answer .answer-div .answer-letter{padding:.6rem;margin:.05rem;font-size:1rem}.answers .answer .answer-div .answer-text{font-size:.9rem;padding:.2rem .5rem}.next-button{width:50%;margin:1.5rem auto;padding:.6rem 1rem}}
