body,html{background-color:var(--bg-color);margin:0}h1{font-size:128px}h1,h2{color:var(--txt-color);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}h2{font-size:96px}h3{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:30px}h3,p{color:var(--txt-color)}p{font-family:Tahoma,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.6}a{color:var(--txt-color);font-size:30px;text-align:center}.submit-btn,a{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.submit-btn{background-color:var(--txt-color);border:0;border-radius:20.5px;color:var(--bg-color);font-size:20px;height:41px;width:100px}.submit-btn:active{background-color:var(--btn-disabled)}.next-btn,.restart-btn{background-color:var(--txt-color);border:0;border-radius:20.5px;color:var(--bg-color);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;height:65px;width:130px}.next-btn:active,.restart-btn:active{background-color:var(--btn-disabled)}@media (max-width:1050px){h1{font-size:100px}h2{font-size:45px}h3{font-size:25px}p{font-size:18px}}@media (max-width:840px){h1{font-size:75px}h2{font-size:35px}h3{font-size:25px}p{font-size:17px}}@media (max-width:620px){h1{font-size:40px}h2{font-size:55px}h3{font-size:25px}p{font-size:16px}}[data-theme=dark]{--bg-color:#202020;--txt-color:#f3f3f3;--footer:#161616;--btn-disabled:#6f6f6f;--correct:#2e9f35;--incorrect:#c54b4b;--warning:#d39a45}[data-theme=light]{--bg-color:#f3f3f3;--txt-color:#202020;--footer:#202020;--btn-disabled:#6f6f6f;--correct:#1b5e20;--incorrect:#b71c1c;--warning:#c77800}.app-root{min-height:100vh}.app-root,.app-shell{display:flex;flex-direction:column}.app-shell{align-items:flex-start;gap:.5rem;margin:0 5% 5%}main h1{margin:0}main{flex-direction:column;gap:20px}footer,main{display:flex}footer{align-items:center;background-color:var(--footer);flex-direction:row;height:5vh;justify-content:space-between;margin-top:auto;padding:10px 20px}.footer-btn{background-color:#0000;border:0;color:#f3f3f3;font-family:Tahoma,Arial,sans-serif;font-size:20px;font-weight:400}.drawerPaper.MuiDrawer-paper{background-color:var(--bg-color);color:var(--txt-color)}.drawerPaper .MuiListItemButton-root,.drawerPaper .MuiListItemText-primary{color:inherit;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:30px;text-align:center}.navigation-container{margin:2.5%}.menuicon{color:var(--txt-color)}.themeicon{color:var(--bg-color)}.togglebutton.MuiButton-contained{background-color:var(--txt-color)}.navigation-element-container{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;width:100%}.checkbox,.checkbox.Mui-checked{color:var(--txt-color)!important}.finish-btn{align-self:flex-end;background-color:var(--txt-color);border:0;border-radius:20.5px;bottom:10px;color:var(--bg-color);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;height:41px;position:-webkit-sticky;position:sticky;width:100px}.finish-btn:active{background-color:var(--btn-disabled)}@media (max-width:620px){.finish-btn{bottom:9vh;position:fixed;right:10px}}.video-container{align-items:stretch;aspect-ratio:16/9;display:flex;flex-direction:column;margin:auto;width:80%}.video-container.w-80{width:80%}.video-container.w-60{width:60%}.video-container .video-element{display:block;height:100%;object-fit:cover;width:100%}.video-container .video-controls{align-items:center;display:flex;gap:8px;margin-top:2px}.video-container .video-controls button{background-color:#0000;border:none;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.video-container .video-controls button:hover{opacity:.85}.video-container .video-controls button.btn-play,.video-container .video-controls button.btn-restart,.video-container .video-controls button.btn-toggle-subtitle{color:var(--txt-color)}.video-container .video-controls .progress-bar{-webkit-appearance:none;appearance:none;background:#333;border-radius:3px;flex:1 1;height:6px}.video-container .video-controls .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-container .video-controls .progress-bar::-moz-range-thumb{background:#fff;border-color:#202020;border-radius:50%;border-width:2px;cursor:pointer;height:12px;width:12px}.video-container .video-controls .progress-bar::-ms-thumb{background:#fff;border-radius:50%;border-width:2px;cursor:pointer;height:12px;width:12px}.video-container .video-controls .progress-bar::-moz-range-track{background:#333}.video-container .video-controls .progress-bar::-ms-track{background:#fff;border-color:#0000;color:#0000}.video-container .subtitle-container{color:var(--txt-color);margin-top:4px;padding:8px 12px}@media(max-width:620px){.video-container{width:100%}}.image-wrapper{margin:0 auto;position:relative;width:80%}.quiz-image{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.hotspot{background:#0000;border-radius:6px;border-style:solid;border-width:3px;position:absolute;transition:.2s}.hotspot.hidden{background:#0000;border-color:#0000}.submit-container{margin-left:10%}.hotspot.correct{border-color:var(--correct)}.hotspot.wrong{border-color:var(--incorrect)}.explanation-box{gap:5px;margin-left:10%;padding:5px}.explanation.correct{color:var(--correct)}.explanation.incorrect{color:var(--incorrect)}@media(max-width:620px){.image-wrapper{width:100%}.explanation-box{margin:0;width:90%}.submit-container{margin-left:0}}.instruction-box{color:#f5f5f5;color:var(--bg-instruction,#f5f5f5);display:flex;margin:0 auto;width:80%}.toggle-btn{background-color:var(--txt-color);border:0;border-radius:20.5px;color:var(--bg-color);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20px;height:35px;margin-left:85%;margin-top:10px;width:50px}.toggle-btn:active{background-color:var(--btn-disabled)}@media(max-width:620px){.instruction-box{width:100%}}.MuiFormControlLabel-label{color:var(--txt-color)!important;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif!important;font-size:20px!important}.MuiRadio-root .MuiSvgIcon-root,.MuiRadio-root.Mui-checked .MuiSvgIcon-root{color:var(--txt-color)}.form-container{display:flex;flex-direction:column;gap:15px}.radio-btn-container{box-sizing:border-box;margin:0 auto;width:90%}@media (max-width:620px){.radio-btn-container{width:100%}}.explanation-container{display:flex;flex-direction:column;gap:10px;margin-left:10%;width:100%}.explanation-container.correct p.explanation{color:var(--correct)}.explanation-container.incorrect p.explanation{color:var(--incorrect)}.explanation-container .button-row{display:flex;justify-content:space-between;width:100%}.explanation-container .submit-container{margin-left:0}.finished-container{display:flex;flex-direction:column;gap:10px;width:100%}@media(max-width:620px){.explanation-container{margin:0}}.quiz-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;width:100%}.quiz-feedback{margin-left:10%}.quiz-question{margin:0 auto 20px;width:90%}@media (max-width:620px){.quiz-question{width:100%}}.dnd-container{align-items:center;display:flex;flex-direction:column;margin:15px auto 0;width:80%}.dnd-btn-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.slot-explanation{text-align:left;text-align-last:left}.dnd-txt{margin:0;text-align:center;width:100%}.dnd-btn-txt{border:0}.dnd-btn,.dnd-btn-txt{background:#0000;color:var(--txt-color);font-family:Tahoma,Arial,sans-serif;font-size:20px;font-weight:700}.dnd-btn{border:2px solid var(--txt-color)}.dnd-btn.selected{background-color:var(--txt-color);border-width:3px;color:var(--bg-color)}.dnd-btn-txt.wrong{color:var(--incorrect);font-weight:700}.dnd-btn:disabled{border:3px solid var(--btn-disabled)}.dnd-btn:active,.dnd-btn:disabled{color:var(--btn-disabled)}.quiz-feedback{margin:0 auto 10px;width:-webkit-fit-content;width:fit-content}.quiz-feedback.correct{color:var(--correct)}.quiz-feedback.incorrect{color:var(--incorrect)}.quiz-feedback.warning{color:var(--warning)}@media(max-width:620px){.dnd-container{width:100%}}
/*# sourceMappingURL=main.69a343ae.css.map*/