@import "https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap";
html,body{width:100%;height:100%;margin:0;padding:0;font-family:Encode Sans,Helvetica,sans-serif;font-weight:600}a{color:#00237b}:focus-visible{outline:none}.screen{height:100%;min-height:calc(var(--vh,1vh) * 100);background-image:url(/images/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;padding:5vh 5vw;display:flex}.page-container{max-width:500px;margin:0 auto}.main-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.main-container .logo{width:25vw;min-width:80px;max-width:120px}.btn{border-radius:4px;font-family:Encode Sans,Helvetica,sans-serif;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;line-height:normal}.btn-main{color:#fff;background-color:#00237b;border-color:#00237b;width:60%;max-width:220px;height:clamp(45px,8vh,55px)}.btn-main:hover,.btn-main:focus,.btn-main:active,.btn-main:disabled,.btn-main:first-child:active,:not(.btn-check)+.btn-main:active{color:#fff;box-shadow:none;background-color:#00237b;border-color:#00237b}.btn-main:disabled{opacity:.75}.start-screen .main-container{gap:1.5rem}.start-screen .main-container .logo{margin-bottom:2rem}.start-screen .main-container h1{text-align:center;color:#00237b;margin-bottom:0;font-family:Encode Sans,Helvetica,sans-serif;font-size:clamp(2.5rem,11.5vw,4rem);font-weight:700;line-height:normal}.start-screen .main-container p{color:#00237b;text-align:center;margin-bottom:0;font-family:Encode Sans,Helvetica,sans-serif;font-size:clamp(1.5rem,7vw,2.2rem);font-weight:300;line-height:normal}.data-screen .main-container{gap:0}.data-screen .main-container .logo{margin-bottom:2rem}.data-screen .main-container h3{color:#00237b;text-align:left;width:85%;margin-bottom:1.5rem;font-size:clamp(1.3rem,6vw,1.6rem);font-weight:800}.data-screen .main-container p{text-align:left;color:#00237b;width:85%;margin-bottom:.25rem;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:800}.data-screen .main-container input{color:#00237b;border:1px solid #00237b;border-radius:4px;width:85%;font-family:Encode Sans,Helvetica,sans-serif;font-weight:600;margin-bottom:1.5rem!important}.data-screen .main-container input:focus{box-shadow:none;border-color:#00237b}.data-screen .main-container p:last-of-type{text-align:left;width:85%;margin-top:-.5rem;margin-bottom:2rem;font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:400}.limit-screen .main-container,.holding-screen .main-container{gap:0}.limit-screen .main-container .logo,.holding-screen .main-container .logo{margin-bottom:2rem}.limit-screen .main-container h1,.holding-screen .main-container h1{text-align:center;color:#00237b;margin-bottom:2.5rem;font-family:Encode Sans,Helvetica,sans-serif;font-size:clamp(2.2rem,10vw,3rem);font-weight:800;line-height:1.2}.limit-screen .main-container p,.holding-screen .main-container p{color:#00237b;text-align:center;width:90%;margin-bottom:1.5rem;font-family:Encode Sans,Helvetica,sans-serif;font-size:clamp(1.2rem,5.5vw,1.4rem);font-weight:400;line-height:1.4}.quiz-screen .main-container{gap:0}.quiz-screen .main-container .logo{margin-bottom:1.5rem}.quiz-title{color:#00237b;text-align:center;margin-bottom:1.5rem;font-size:clamp(1.8rem,8vw,2.5rem);font-weight:800}.quiz-content-wrapper{flex-direction:column;align-items:flex-start;width:85%;margin-bottom:2rem;display:flex}.quiz-number{color:#00237b;margin-bottom:.5rem;font-size:clamp(1rem,4.5vw,1.2rem);font-weight:400}.quiz-question{color:#00237b;text-align:left;margin-bottom:2rem;font-size:clamp(1.2rem,5.5vw,1.5rem);font-weight:800;line-height:1.3}.quiz-options-list{flex-direction:column;gap:1rem;width:100%;display:flex}.quiz-option{cursor:pointer;align-items:center;gap:.75rem;display:flex}.quiz-checkbox{background-color:#0000;border:1px solid #00237b;border-radius:4px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;transition:all .2s;display:flex}.quiz-checkbox.selected{background-color:#00237b}.quiz-option-label{color:#00237b;font-size:clamp(1rem,4.5vw,1.3rem);font-weight:500}.last-screen .main-container{gap:0}.last-screen .main-container .logo{margin-bottom:2rem}.last-screen .main-container h1{color:#00237b;text-align:center;margin-bottom:1.5rem;font-size:clamp(2.2rem,10vw,3rem);font-weight:800}.last-screen .main-container p{color:#00237b;text-align:center;margin-bottom:2.5rem;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:400;line-height:1.4}.code-boxes-container{justify-content:center;gap:.5rem;width:100%;margin-bottom:3rem;display:flex}.code-box{color:#00237b;background-color:#0000;border:1px solid #00237b;border-radius:4px;justify-content:center;align-items:center;width:clamp(35px,10vw,45px);height:clamp(45px,12vw,55px);font-size:clamp(1.5rem,6vw,2rem);font-weight:700;display:flex}@media (max-height:667px){.screen{padding:3vh 5vw}.start-screen .main-container .logo,.data-screen .main-container .logo,.quiz-screen .main-container .logo,.last-screen .main-container .logo,.quiz-title,.quiz-question{margin-bottom:1rem}.last-screen .main-container p{margin-bottom:1.5rem}.code-boxes-container{margin-bottom:2rem}}