body{margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{background-color:#e2e2e2}.content{position:relative;top:0;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto;justify-content:space-between;min-height:75vh;width:95vw}@media only screen and (min-width:900px){.content{max-width:60vw}}.h1{margin-bottom:1vh;font-size:4vh}.h2{font-size:3vh}.p{font-size:1.5em}.white{color:#fff}.white-background{background-color:#f9f9f9}.black{color:#212121}.black-background{background-color:#212121}.grey-background{background-color:#9e9e9e}.dark-grey-background{background-color:#717171}.bluegrey-background{background-color:#60768b}.amber-background{background-color:#ffc107}.green-background{background-color:#259b24}.light-green-background{background-color:#8bc34a}.lime-background{background-color:#cddc39}.yellow-background{background-color:#ffeb3b}.orange-background{background-color:#ff9800}.deep-orange-background{background-color:#ff5722}.red-background{background-color:#e51c23}.pink-background{background-color:#e91e63}.purple-background{background-color:#9c27b0}.indigo-background{background-color:#3f51b5}.blue-background{background-color:#5677fc}.light-blue-background{background-color:#03a9f4}.cyan-background{background-color:#00bcd4}.deep-purple-background{background-color:#673ab7}.teal-background{background-color:#009688}.transparent{background-color:transparent}.light-font{font-weight:light}.normal-font{font-weight:400}.bold-font{font-weight:700}.frontpage-main{height:100vh;justify-content:space-around}.frontpage-blurb,.frontpage-main{display:flex;flex-direction:column;align-items:center}.frontpage-blurb{width:90%;border-radius:2vmin;padding:10vh 2vw;height:90vh;justify-content:center;text-align:center}.frontpage-header{font-family:Courier New,Courier,monospace;font-size:36px;letter-spacing:-2.5px;text-align:center}.app-intro{position:relative;font-size:1.5em;top:-4vh;opacity:1%}.logo{width:80%;max-height:40vh}.description-container{margin-top:5vh;margin-bottom:5vh;font-size:16px;align-content:center;max-width:1000px}.btn,.regular-btn{cursor:pointer}.regular-btn{padding:2.6vh 8vw;margin:1vmin;text-align:center;border-radius:8px;font-size:2.6vh;box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}.btn:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.btn:active{box-shadow:none}.multi-btn:hover{-webkit-filter:none;filter:none;background-color:#acdae0}.multi-btn.selected{box-shadow:none;background-color:#73d0dc}.btn:disabled{cursor:not-allowed;pointer-events:none}.next-button{background-color:#ffc107}.nav-btn{background-color:transparent;color:0;margin:0;border:0;border-radius:0;cursor:pointer}.nav-btn:hover{-webkit-filter:invert(55%) sepia(55%) saturate(4482%) hue-rotate(161deg) brightness(94%) contrast(105%);filter:invert(55%) sepia(55%) saturate(4482%) hue-rotate(161deg) brightness(94%) contrast(105%)}.nav-btn:active{background-color:transparent}.nav-img{margin:auto;height:inherit;width:inherit}.subject-btn{display:flex;justify-content:space-between;align-items:center;border-radius:2vh;width:85%;min-height:12vh;margin:.5vh auto;padding:1vh 16px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}.subject-btn .subject-title-container{width:75%}.subject-title-container p{position:relative;top:-8px;text-align:left;font-size:2.7vh;font-weight:400;color:#fff}.subject-btn:disabled{color:#000;background-color:#e2e2e2}.buttons-underneath-container .rowbtn{flex:1 1 30px}.answer-btn{flex:1 1 96%;max-width:96%;font-size:16px;margin:1%;min-height:7vh;max-height:30vh;font-size:20px;padding:2vmin;flex-direction:row;align-items:center;justify-content:center}@media only screen and (min-width:501px){.answer-btn{flex:1 1 48%;max-width:48%;min-height:10vh;max-height:25vh;font-size:18px;flex-direction:row;align-items:center;justify-items:center}}.download{margin:2vh;max-height:10vh;padding:2vmin}*{box-sizing:border-box}.bottom-bar,.navbar{display:flex;flex-direction:row;align-content:center;height:10vh;background-color:#e2e2e2;color:#d2d7df}.navbar{justify-content:flex-start}.bottom-bar{justify-content:center;align-items:center}.button-container{display:flex;align-content:center;min-width:6vw;margin-left:2vmin}.subject-name-container{margin-left:3vmin;opacity:1%}.bottom-bar-dot{height:4vmin;width:4vmin;border:.5vmin solid #212121;border-radius:2vmin}.bottom-bar-line{border:.4vmin solid #212121;width:2vmin;height:0}.bottom-bar-line:last-of-type{display:none}.username{color:#fff;font-size:3vh}.subject-container{position:relative;top:-5vh;width:100%;min-height:60vh;max-height:80vh;padding-top:10vh;padding-bottom:16px;overflow:scroll;display:flex;flex-direction:column;align-items:center;justify-items:center;border-radius:3vh}.pause-exit-container{background-color:#e2e2e2;position:absolute;top:0;width:100%;height:100vh}.exit-btn-container{height:10vh;padding-left:1.4vw;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.choice-content{width:80%;max-width:390px;min-height:35vh;padding:2vmin;margin:10% auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.close{height:11vh;width:11vh;font-size:10vh;text-align:center;cursor:pointer}.choice-header{display:flex;flex-direction:row;align-items:baseline}.choice-title{margin:3vh auto;font-size:1.6em}.choice-details-container{margin-bottom:4vh}.choice-button-container{margin:2vh;padding-bottom:2vh;display:flex;justify-content:space-evenly;width:100%}.choice-btn{padding:16px 13px;margin:8px;font-size:2.6vh;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);text-align:center;-webkit-filter:none;filter:none}.choice-btn:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}.choice-btn:active{box-shadow:none}.close-btn{background:#78f89f}.close-btn:hover{background:#57b322}.exit-btn:hover{background:#fc5537}.pause-btn{background:#f6f878}.pause-btn:hover{background:#d8db29}.image-with-description{padding:0;flex:1 1 50%;max-width:50%}.unit-btn{margin:2min;width:95%;flex-direction:column;align-items:center}.unit-name{margin-top:0;font-size:1em}.unit-img{height:10vmin;width:10vmin}.text-input-form{margin-top:10vh}.question-text-container{margin-top:16px;width:90%;min-height:12vh;border-radius:8px;z-index:3;justify-content:center;padding:16px 32px}.input-container,.question-text-container{display:flex;align-items:center;box-shadow:0 4px 10px 0 rgba(0,0,0,.5)}.input-container{position:relative;top:-5vh;width:100%;min-height:50vh;padding:10vh 16px 16px;border-radius:3px;flex-direction:column;align-content:center}.multiple-button-container{flex:1 1 60%;width:100%;margin-top:2vh;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center}.image-container{max-width:100%;max-height:100%}Button .illustration-image,Button .image-container{max-height:20vh}.illustration-image{max-height:20vh;max-width:100%}.big-text{width:100%;height:30vh;font-size:3vh;padding:2vh}.not-column{flex-direction:row}.where-in-picture-img{width:auto}@media only screen and (max-width:500px){.where-in-picture-img{height:350px}}@media only screen and (min-width:501px){.where-in-picture-img{height:500px}}.incorrect-image:active{-webkit-animation:shake .1s;animation:shake .1s;-webkit-animation-iteration-count:2;animation-iteration-count:2}.hidden-image{display:none}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}#name,#password,#username,.input-label{font-size:3vh;font-weight:400}.input-label{display:inline;margin-right:8px;color:#fff}.question-details{margin-bottom:5vh;text-align:left;font-size:3vh}.login{padding:4vh 1vh 0;border-radius:8px}.input-field{margin-bottom:3vh;width:50vmin;border-radius:3vmin;text-align:center}.feedback{margin-bottom:5vh}.feedback-incorrect{color:#ff5722}.feedback-correct{color:#0e4909}#flow-buttons{display:flex;flex-direction:row;justify-content:center}.skip{padding:2.6vh 8px}.progress-circle-container{height:4.5em;width:4.5em;position:relative;text-align:center}.progress-background{padding:0;width:100%;height:100%;border-radius:50%;line-height:100%}.progress-circle-container span{font-size:1.3em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#53777a;z-index:1}
/*# sourceMappingURL=main.d3f538a5.chunk.css.map */