body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,FiraSans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:FiraSans;font-weight:bolder;src:url(../../static/media/FiraSans-Medium.d11d9e14e00fc1a96751.ttf)}@font-face{font-family:FiraSans;font-weight:700;src:url(../../static/media/FiraSans-Bold.b2c1d356b236acbad8ef.ttf)}body{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}body,button{font-family:FiraSans}button{box-shadow:none!important;outline:0}.wrapper{background-color:"#2F3B47";height:100vh;width:100vw}.cardContainer{height:90vh;position:absolute;top:5vh;transition:left 1s ease;width:80vw}.cardContainer .frontContent{opacity:0;transition:opacity .5s}.cardContainerLeft{left:-75vw;pointer-events:none}.cardContainerRight{left:95vw;pointer-events:none}.cardContainerCenter{left:10vw;pointer-events:auto}.cardContainerCenter .frontContent{opacity:1}.card{position:relative;transform-style:preserve-3d;transition:transform 1s ease}.card,.front{height:100%;width:100%}.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#6a8dad;border-radius:4vw;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:absolute;text-align:left;z-index:-1}.front .imgContainer{display:flex;justify-content:center;margin:2vh}.front .imgContainer img{margin-bottom:0;width:15.5%}.front .answerContainer{box-sizing:border-box;height:45vh;position:relative;transition:height 1s;width:100%}.front .answerContainer .answer{box-sizing:border-box;display:flex;font-size:3vh;height:25%;justify-content:flex-start;position:absolute;transition:transform .75s,opacity .1s;transition-delay:.75s,.75s;width:90%}.front .answerContainer .answer.a{transform:translateY(0)}.front .answerContainer .answer.b{transform:translateY(100%)}.front .answerContainer .answer.c{transform:translateY(200%)}.front .answerContainer .answer.d{transform:translateY(300%)}.front .answerContainer .answer.origin{transform:translate(0)}.front .answerContainer .answer.hide{opacity:0}.front .answerContainer .answer p{background-color:#6a8dad;font-size:2vw;width:400px}.front .answerContainer .answer .imageContainer{align-items:center;display:flex;height:100%;justify-content:center;margin-right:3vw;width:25%}.front .answerContainer .answer .imageContainer .divButton{align-items:center;background-color:#ff0;border-radius:50%;color:#000;display:flex;font-size:4.5vw;font-weight:700;height:8vw!important;justify-content:center;transition:background-color .6s;width:8vw!important}.front .answerContainer .answer .imageContainer .divButton.neutral{background-color:#f8db01}.front .answerContainer .answer .imageContainer .divButton.wrong{background-color:#ff746a}.front .answerContainer .answer .imageContainer .divButton.right{background-color:#6ffd52}.front .answerContainer .answer button{background-color:#0000;border:none;color:#fff;font-size:3.5vw;text-align:left;width:80%}.front .informationContainer{animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeIn;opacity:0;padding:0 3vw 3vw;position:absolute;top:58%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.front .src{color:#000;font-size:1.5vw;margin-top:0;text-align:left}.front .teaserBox{border-radius:3vw;padding:2vw}.front .teaserBox p{color:#fff;font-size:3vw;margin-bottom:1.5vh;margin-top:0}.front .teaserBox button{background-color:#6a8dad;border:2px solid #fff;border-radius:300vh;box-sizing:border-box;color:#fff;font-size:3vw;margin:0;padding:1vw;width:100%}.front .questionContainer{background-color:#fff;border-radius:3vw;border-bottom-left-radius:0;border-bottom-right-radius:0;height:40vh;overflow:hidden;position:relative}.front .questionContainer .headImageContainer{position:relative}.front .questionContainer .headImageContainer .caption{color:#fff;display:flex;font-size:1vw;justify-content:center;left:0;margin:0;position:absolute;text-align:center;text-shadow:1px 1px 2px #000;top:.5vh;transition:opacity .5s;transition-delay:.75s;white-space:pre-line;width:100%}.front .questionContainer .headImageContainer .caption.visible{opacity:1}.front .questionContainer .headImageContainer .caption.invisible{opacity:0}.front .questionContainer .headImageContainer .headImage{height:100%;margin-left:0;object-fit:cover;top:0;width:100%}.front .questionContainer .headImageContainer .default{position:absolute;top:0;transition:opacity .5s;transition-delay:.75s}.front .questionContainer .headImageContainer .default.visible{opacity:1}.front .questionContainer .headImageContainer .default.invisible{opacity:0}.front .questionContainer .question{align-items:center;background-image:linear-gradient(180deg,#fff0,#fff,#fff);bottom:0;display:flex;justify-content:center;padding:8vh 2vh 2vh 0;position:absolute;width:100%}.front .questionContainer .question h1{color:#2f3b47;font-size:3.5vw;margin:0;width:85%}.front .questionContainer .question .iconContainer{align-items:center;display:flex;height:100%;justify-content:center;margin-right:3vw;width:25%}.front .questionContainer .question .iconContainer .questionIcon{align-items:center;border-radius:50%;font-size:5vw;font-weight:700;height:100px;width:100px}.back,.front .questionContainer .question .iconContainer .questionIcon{background-color:#6a8dad;color:#fff;display:flex;justify-content:center}.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:4vw;box-sizing:border-box;flex-direction:column;height:90vh;padding:2vh 5vw;text-align:center;transform:rotateY(180deg)}.back,.back .caption{position:absolute;width:100%}.back .caption{color:#fff;display:flex;font-size:1vw;justify-content:center;left:0;margin:0;text-shadow:1px 1px 2px #000;top:.5vh;white-space:pre-line}.back .infotext{font-size:3vw;line-height:2.5vh;text-align:left}.back .infotext.infotext{flex-shrink:1}.back .infotext.answerImageSrc{flex-shrink:0}.back .backImageContainer{flex-shrink:1;position:relative}.back .backImageContainer img{max-height:34vh;object-fit:contain}.back .answerImageSrc{color:#fff;font-size:1vw;margin:0}.back button{background-color:#f8db01;border-radius:1vw;border-radius:300vh;border-style:none;font-size:3vw;margin-bottom:2.5svw;margin-top:2.5svw;padding:2vw;text-align:left;text-align:center;width:100%}.flipCard{transform:rotateY(180deg)}.nextButton{background-color:#f8db01;border-radius:200vh;border-style:none;color:#000;font-size:3vw;margin-bottom:0;margin-top:3vh;padding:2vh;width:100%}.endContainer{background-color:#6a8dad;box-sizing:border-box;display:flex;flex-direction:column;font-family:FiraSans;height:100vh;justify-content:start;left:0;padding:4vh;position:absolute;top:0;transition:opacity 1s ease,z-index 1s ease;width:100vw;z-index:-1}.endContainer .logoContainer{display:flex;justify-content:center;margin-bottom:10vw}.endContainer .logoContainer img{width:100px}.endContainer .head{font-size:6vw;margin:0;padding:0}.endContainer .head,.endContainer .text{color:#fff;display:flex;justify-content:center;width:100%}.endContainer .text{align-items:center;font-family:FiraSans;font-size:4vw;text-align:center}.endContainer .text p{margin-top:0;width:90%}.endContainer .iconContainer{align-items:center;display:flex;height:10vh;justify-content:center;width:100%}.endContainer .iconContainer .icon{border-radius:50%;height:5vh;margin:1vw;width:5vh}.endContainer .iconContainer .icon.wrong{background-color:#ff746a}.endContainer .iconContainer .icon.right{background-color:#6ffd52}.endContainer .rating{color:#fff;display:flex;font-size:4vw;justify-content:center;margin:0;padding:0;width:100%}.endContainer .rating p{margin:0}.endContainer button{background-color:#f8db01;border-radius:2vw;border-radius:3000px;border-style:none;color:#000;font-size:4vw;margin-top:3vh;padding:25px;width:100%}.endContainer .imgContainer{display:flex;justify-content:center}.endContainer img{width:30vw}.endContainer h1{color:#fff;font-size:4vw;margin-top:.5vh}.passive{opacity:0}.active{opacity:1;z-index:1}.startContainer{background-color:#6a8dad;box-sizing:border-box;height:100vh;left:0;padding:4vh;position:relative;top:0;transition:opacity .25s linear;width:100vw}.startContainer .caption{bottom:50px;color:#fff;font-size:2vw;margin:0;position:absolute;text-align:center;text-shadow:1px 1px 2px #000;white-space:pre-line}.startContainer .logoContainer{display:flex;justify-content:center;margin-bottom:10vw}.startContainer .logoContainer img{width:100px}.startContainer .headlineContainer{display:flex;justify-content:center}.startContainer .headlineContainer h1{color:#fff;font-size:12vw;margin-bottom:0;margin-top:0;text-align:center;width:50%}.startContainer .headlineContainer img{width:70%}.startContainer .bottomImage{border-radius:2vw;bottom:0;left:-20px;position:absolute;width:103%}.startContainer .buttonContainer{display:flex;justify-content:center;margin-top:15vw}.startContainer .buttonContainer button{background-color:#f8db01;border-radius:100vw;border-style:none;color:#000;font-size:4vw;font-weight:700;padding:3vw;width:50%}.startContainer .wrapperDiv{margin-top:40%;position:relative}img{width:100%}.startContainerPassive{opacity:0;pointer-events:none}
/*# sourceMappingURL=main.90028c59.css.map*/