html{box-sizing:border-box;height:100%;overflow:hidden}body{color:#293264;text-align:center;background-color:#f5f7fb;justify-content:center;width:100%;height:100dvh;margin:0;font-family:Karla;font-size:16px;display:flex;position:relative;overflow:hidden}main{flex-direction:column;width:100%;max-width:700px;height:100%;margin:0 auto;padding:1rem;display:flex}.shape{z-index:-1;pointer-events:none;position:fixed}.yellow-sh{background:#fff3b0;border-radius:48%;width:297px;height:235px;top:-120px;right:-80px}.blue-sh{background:#d8ecff;border-radius:40%;width:297px;height:235px;bottom:-120px;left:-80px}.intro-page{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.intro-page h1{padding-bottom:1rem;font-size:31.25px;font-weight:700}.intro-page p{color:#293264;text-align:center;padding-bottom:.5rem;font-family:Inter;font-size:1.05rem;font-weight:400}.btn{color:#f5f7fb;text-align:center;cursor:pointer;background:#4d5b9e;border:none;border-radius:15px;font-family:Inter;font-size:16px;font-weight:500;box-shadow:0 4px 6px #0003}.btn:hover,.btn-level:hover{opacity:.8}.start-btn{width:12.06rem;height:3.25rem}.btn-submit{color:#f5f7fb;width:7.5rem;height:2.19rem;margin:1.2rem auto;font-size:.8rem;font-weight:600;display:block}.quizz-page{text-align:start;flex:1;min-height:0;margin-bottom:1rem;margin-left:2rem;padding:1rem;position:relative;overflow-y:auto}.quizz-page h2{color:#293264;margin-bottom:.6rem;padding-top:1rem;font-family:Karla;font-size:16px;font-weight:700}.form-quizz{flex-wrap:wrap;justify-content:flex-start;gap:.7rem;display:flex}input[type=radio]{appearance:none;opacity:0;width:0;height:0;position:absolute}.radio-answer{color:#293264;text-align:center;cursor:pointer;border:1.8px solid #4d5b9e;border-radius:7.942px;min-width:.8rem;padding:.3rem .8rem;font-family:Inter;font-size:.9rem;font-weight:500;display:inline-block}input[type=radio]:checked+.radio-answer{background:#d6dbf5}.right{background-color:#94d7a2}.wrong{background-color:#f8bcbc}.quizz-end{justify-content:center;align-items:center;display:flex}.message-score{color:#293264;font-family:Inter;font-size:1rem;font-weight:700}.level{gap:.5rem;margin-bottom:1.2rem;display:flex}.btn-level{color:#293264;cursor:pointer;background:#d6dbf5;border:none;border-radius:7px;padding:.5rem .9rem;font-size:1rem;box-shadow:0 4px 6px #0003}.btn-easy{background-color:#94d7a2}.btn-hard{background-color:#f8bcbc}footer{margin-top:3rem}@media (width<=480px){body{height:100dvh;position:relative;overflow:hidden}main{flex-direction:column;width:100%;height:100%;padding:.25rem}.intro-page{height:100%;overflow:hidden}.quizz-page{flex:1;height:100%;min-height:0;margin:0 .5rem 1rem;padding-top:0;padding-bottom:3.75rem;overflow-y:auto}.form-quizz{gap:.5rem}.btn-submit{width:7.5rem;margin:1.5rem auto 2rem}.quizz-end{flex-direction:column;align-items:center;gap:.1rem;padding-top:1rem}}