@media (min-aspect-ratio: 19/9){body{--font-unit:.15vh}}@media (min-aspect-ratio: 16/9) and (max-aspect-ratio: 19/9){body{--font-unit:.17vh}}@media (min-aspect-ratio: 3/2) and (max-aspect-ratio: 16/9){body{--font-unit:.15vh}}@media (min-aspect-ratio: 4/3) and (max-aspect-ratio: 3/2){body{--font-unit:.13vh}}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3){body{--font-unit:.13vh}}body{--body-width:50vh}@media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 1/1){body{--font-unit:.18vh;--body-width:50vh}}@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4){body{--font-unit:.17vh;--body-width:55vh}}@media (min-aspect-ratio: 9/19) and (max-aspect-ratio: 9/16){body{--font-unit:.16vh;--body-width:100vw}}@media (max-aspect-ratio: 9/19){body{--font-unit:.15vh;--body-width:100vw}}.button-primary{font-size:calc(var(--font-unit) * 20);aspect-ratio:147/48;display:flex;align-items:center;justify-content:center;color:#f5f5f5;padding-left:calc(var(--font-unit) * 20);padding-right:calc(var(--font-unit) * 20);padding-top:calc(var(--font-unit) * 10);padding-bottom:calc(var(--font-unit) * 10);cursor:pointer;background-size:100% 100%;background-repeat:no-repeat}.button-primary1{background-color:#0d0a0b;font-size:calc(var(--font-unit) * 18);aspect-ratio:5/2;display:flex;align-items:center;justify-content:center;color:#f5f5f5;padding-left:calc(var(--font-unit) * 20);padding-right:calc(var(--font-unit) * 20);padding-top:calc(var(--font-unit) * 10);padding-bottom:calc(var(--font-unit) * 10);border-radius:calc(var(--font-unit) * 50);cursor:pointer}.quiz-page-1{height:100%;width:var(--body-width);background-color:#f5f5f5;position:relative}.quiz-page-1 .body{position:relative;margin-top:calc(var(--font-unit) * 20);width:90%;margin-left:5%;display:flex;align-items:center;justify-content:center;color:#278272;font-weight:600;font-size:calc(var(--font-unit) * 18);flex-direction:column;user-select:none}.quiz-page-1 .body .image{width:60%;margin-top:calc(var(--font-unit) * 20)}.quiz-page-1 .bottom-popup{position:absolute;bottom:0;height:30%;width:100%;background-color:#f5f5f5;border-radius:calc(var(--font-unit) * 30) calc(var(--font-unit) * 30) 0 0;box-shadow:0 calc(var(--font-unit) * 2 * -1) calc(var(--font-unit) * 10) #00000040;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-around}.quiz-page-1 .bottom-popup .heading{width:90%;font-size:calc(var(--font-unit) * 16);text-align:center;user-select:none}.quiz-page-2{height:100%;width:var(--body-width);background-color:#f5f5f5;position:relative}.quiz-page-2 .body{position:relative;margin-top:calc(var(--font-unit) * 20);width:90%;margin-left:5%;display:flex;align-items:center;justify-content:center;color:#278272;font-weight:600;font-size:calc(var(--font-unit) * 18);flex-direction:column;user-select:none}.quiz-page-2 .body .image{width:60%;margin-top:calc(var(--font-unit) * 20)}.quiz-page-2 .bottom-popup{position:absolute;bottom:0;height:50%;width:100%;background-color:#f5f5f5;border-radius:calc(var(--font-unit) * 30) calc(var(--font-unit) * 30) 0 0;box-shadow:0 calc(var(--font-unit) * 2 * -1) calc(var(--font-unit) * 10) #00000040;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-around;padding-top:calc(var(--font-unit) * 20)}.quiz-page-2 .bottom-popup .heading{width:100%;font-size:calc(var(--font-unit) * 18);text-align:center;margin-bottom:calc(var(--font-unit) * 10 * -1);user-select:none}.quiz-page-2 .bottom-popup .drop-down{width:80%}.quiz-page-2 .bottom-popup .nextButton{height:calc(var(--font-unit) * 50);cursor:pointer}.user-avatar{width:25%;margin-left:calc(var(--font-unit) * 20);margin-right:calc(var(--font-unit) * 20)}.user-avatar .avatar-img{width:100%;aspect-ratio:1/1;background-color:#bfa72a;border-radius:calc(var(--font-unit) * 50);cursor:pointer}.user-avatar .avatar-name{width:100%;text-align:center;margin-top:calc(var(--font-unit) * 5)}.top-nav-quiz-page{position:relative;background-size:100% auto;background-repeat:no-repeat;width:100%;aspect-ratio:2/1;user-select:none;display:flex;align-items:center;justify-content:center;align-items:flex-start}.top-nav-quiz-page .edukle-logo-small{padding-top:calc(var(--font-unit) * 20);padding-bottom:calc(var(--font-unit) * 20);height:calc(var(--font-unit) * 60);margin-right:calc(var(--font-unit) * 20)}.top-nav-quiz-page .heading{padding-top:calc(var(--font-unit) * 20);padding-bottom:calc(var(--font-unit) * 20);font-size:calc(var(--font-unit) * 30);margin-left:calc(var(--font-unit) * 20);color:#f5f5f5;font-weight:700;font-family:Sen}.select-dropdown{display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-unit) * 20);padding:calc(var(--font-unit) * 2) calc(var(--font-unit) * 10) calc(var(--font-unit) * 2) calc(var(--font-unit) * 10)}.select-dropdown .select{width:100%;height:calc(var(--font-unit) * 30);font-size:calc(var(--font-unit) * 20)}.firebase-emulator-warning{display:none}.App{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;font-size:calc(var(--font-unit) * 14);background-color:#d9d9d9;font-family:Sen;background-color:#f5f5f5}