:root{--clr-primary:hsl(120, 15%, 26%);--clr-correct:hsl(120, 60%, 56%);--clr-wrong:hsl(0, 60%, 56%)}*{margin:0}a,h2,h3,h4,p{color:#fff;font-family:Annie Use Your Telescope}header{position:absolute;height:50px;width:100%;background:var(--clr-primary);display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;color:#fff;z-index:2;box-shadow:0 10px 10px rgba(0,0,0,.5)}section{display:flex;align-items:center;justify-content:center;overflow:hidden;height:100vh;width:100vw}.background{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden;display:flex;align-items:center;justify-content:center}.background img{position:absolute;bottom:0;min-height:100%;min-width:100%}.container{width:300px;height:80%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-height:600px){.container{height:90%;margin-top:50px}}@media (max-width:300px){.container{width:100%}}.container:not(.active){transform:scale(0,0);position:absolute}.aufgabe{position:relative;width:100%;height:160px}.aufgabe h2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3em}.start-slide .aufgabe{width:75%;height:calc(160px /4*3)}.start-slide .aufgabe h2{font-size:2em}.aufgabe img{position:absolute;width:100%}.antworten{width:100%;height:auto;display:flex;flex-wrap:wrap}.antwort{position:relative;width:calc(50% - .5em *2);height:95px;margin:.5em}.antwort img{position:absolute;width:100%}.antwort h2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2em}.antwort:hover,.start-slide .aufgabe:hover{background:rgba(0,0,0,.3)}.antwort:focus{background:rgba(0,0,0,.5)}.message{transform:scale(0,0);text-align:center}.next{text-decoration:none}.end-slide p{color:#fff;text-align:center;font-size:2em}canvas{position:absolute}#nochmal:hover,.antwort:hover,.start-slide .aufgabe:hover,a:hover{cursor:pointer}.disabled{pointer-events:none}