*{box-sizing:border-box}@font-face{font-family:GoetheFFClan-Book;src:local("GoetheFFClan-Book"),url(../../static/media/GoetheFFClan-Book.a57a6526.ttf) format("truetype");font-weight:400}@font-face{font-family:GoetheFFClan-Bold;src:local("GoetheFFClan-Bold"),url(../../static/media/GoetheFFClan-Bold.8562435d.ttf) format("truetype");font-weight:bolder}body{padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none}body,html{position:fixed}code{font-family:GoetheFFClan-Bold,monospace}.LoadingScreen{height:100%;background:url(../../static/media/BG.1abd0f2f.jpg) no-repeat 50%;background-size:cover;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}button.Button{cursor:pointer;box-shadow:var(--shadow)}button.Button.pill{border-radius:999px}button.Button:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}button.Button.small-shadow{box-shadow:var(--shadow-sm)}button.Button.small-shadow:active,button.Button:active{-webkit-filter:brightness(.5);filter:brightness(.5)}button.Button:active{box-shadow:none}button.Button:disabled{text-decoration:line-through;color:grey;background:#a9a9a9}.Button.next-button{background:var(--default-bg);border:8px solid var(--default-contour);width:100%;height:100%}@media screen and (max-width:750px){.Button.next-button{border:5px solid var(--default-contour)}}.Button img{position:absolute;top:28%;left:20%;height:50%;width:60%}.Button.enter-button{position:relative;background:var(--default-bg);border:4px solid var(--default-contour);height:60px;width:60px}@media screen and (max-width:750px){.Button.enter-button{height:50px;width:50px}}.Button.sound-button{background:var(--default-bg);border:4px solid var(--default-contour);height:100%;width:100%}.Button.sound-button img{width:55%;height:55%;left:20%;top:20%;-webkit-filter:invert(77%) sepia(8%) saturate(7282%) hue-rotate(170deg) brightness(102%) contrast(92%);filter:invert(77%) sepia(8%) saturate(7282%) hue-rotate(170deg) brightness(102%) contrast(92%)}.Button.start-button{background:var(--default-bg);border:8px solid var(--default-contour);width:100%;height:100%}.Button .start img{-webkit-filter:invert(69%) sepia(85%) saturate(2015%) hue-rotate(175deg) brightness(108%) contrast(92%);filter:invert(69%) sepia(85%) saturate(2015%) hue-rotate(175deg) brightness(108%) contrast(92%);height:40%;width:35%;top:30%;left:32.5%}.SpeechDisplayer{display:block;height:auto;position:inherit;bottom:0}@media screen and (max-width:750px){.SpeechDisplayer{-webkit-transform:translateX(-59%);transform:translateX(-59%);transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.SpeechDisplayer.visible{-webkit-transform:translateX(0);transform:translateX(0)}}.SpeechDisplayer .character{display:block;height:100%;width:130%}.QuizScreen{display:-webkit-flex;display:flex;overflow-y:auto;min-height:100%}.QuizScreen .quiz-left{display:-webkit-flex;display:flex;min-width:25%;max-width:25%}.QuizScreen .Character{position:absolute;height:75%;width:100%;max-width:400px;bottom:0;pointer-events:none;z-index:10}.QuizScreen .quiz-right{display:-webkit-flex;display:flex;position:relative;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:end;justify-content:end;text-align:end;-webkit-align-items:end;align-items:end;min-width:25%;max-width:25%}.QuizScreen .logo{position:absolute;width:70px;top:10px;right:10px}.QuizScreen .bottom-block{display:-webkit-flex;display:flex;position:relative;-webkit-flex-direction:column;flex-direction:column}.QuizScreen .button-next{position:relative;height:75px;width:75px;margin:0 auto}.QuizScreen .links{bottom:10px;right:20px;margin-bottom:15px}.QuizScreen .links a{font-weight:700;font-size:15px;padding-right:10px}.QuizScreen .links a:link{color:#fff}.QuizScreen .links a:visited{color:#d3d3d3}.QuizScreen .links a:hover{color:var(--default-bg)}.QuizScreen .links a:active{color:grey}.QuizScreen .quiz-ctnr{position:relative;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-direction:column;flex-direction:column}.QuizScreen .quiz-title{position:flex;width:20%}.QuizScreen .QuizScreen-top{position:relative;padding-top:1%;z-index:1}.QuizScreen .score{display:inline-block;color:var(--default-text);background-color:var(--default-contour);border-top-left-radius:40px;border-top-right-radius:40px;font-size:30px;font-weight:700;margin-left:30px;margin-bottom:-10px;padding:0 10% 5px 20px}.QuizScreen .score span{color:var(--score-text);font-size:38px;font-weight:900}.QuizScreen .intro-text{position:relative;background:var(--default-bg);box-shadow:var(--default-contour);border-radius:40px;border:10px solid var(--default-contour);font-size:12px;padding:15px;z-index:2}.QuizScreen .intro-text .text{color:var(--default-text);text-align:center;font-size:26px}.QuizScreen .question{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;flex-grow:1}.QuizScreen .button-start{position:relative;height:130px;width:130px;margin:auto}.QuizScreen .final-text,.QuizScreen .question-text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:var(--default-bg);border:10px solid var(--default-contour);box-shadow:var(--default-contour);border-radius:40px;margin-bottom:10px;z-index:2}.QuizScreen .question-text .question-images{position:relative;margin:25px 60px 5px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;-webkit-flex-grow:1;flex-grow:1}.QuizScreen .question-text .question-images img{width:100%;max-width:650px}.QuizScreen .question-text .text{color:var(--default-text);text-align:center;padding:5px;font-size:26px}.QuizScreen .question-replay{position:absolute;height:50px;width:50px;top:70px;right:15px}.QuizScreen .question-choices{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.QuizScreen .choice{display:grid;grid-template-columns:80px 1fr 60px 20px;grid-template-rows:1fr;margin-bottom:10px;-webkit-align-items:center;align-items:center}.QuizScreen .choice-text{color:var(--default-text);background:var(--default-bg);border:none;border-radius:40px;padding:7px;-webkit-flex-grow:1;flex-grow:1;font-weight:550;font-size:24px;min-height:55px;grid-column-start:2}.QuizScreen .choice-text:hover{color:var(--default-text);background:var(--default-hover-bg);-webkit-filter:none;filter:none}.QuizScreen .choice-text.inactive{cursor:auto;pointer-events:none}.QuizScreen .choice-text.correct{color:var(--default-text);background:var(--correct-bg);border:none}.QuizScreen .choice-text.wrong{color:var(--default-text);background:var(--wrong-bg);border:none}.QuizScreen .choice-text.selected{-webkit-filter:brightness(75%);filter:brightness(75%)}.QuizScreen .question-feedback{background:var(--default-bg);border:10px solid var(--default-contour);border-radius:40px;font-size:26px;text-align:center;padding:7px}.QuizScreen .question-feedback.right{color:var(--default-text);background:var(--correct-bg);border-color:var(--correct-contour)}.QuizScreen .question-feedback.wrong{color:var(--default-text);background:var(--wrong-bg);border-color:var(--wrong-contour)}.QuizScreen .QuizScreen-end{-webkit-flex-direction:column;flex-direction:column;margin:auto;min-width:750px;min-height:350px}.QuizScreen .QuizScreen-end .Container{background:var(--default-bg);border:10px solid var(--default-contour);border-radius:60px;text-align:center;padding:50px}.QuizScreen .QuizScreen-end .score-end{color:var(--default-text);font-size:100px;font-weight:700}.QuizScreen .QuizScreen-end .score-end span{color:var(--default-contour);font-size:120px}.QuizScreen .QuizScreen-end .text,.QuizScreen .QuizScreen-end .title{color:var(--default-text);font-size:30px}.QuizScreen .QuizScreen-end .title{display:inline-block;background-color:var(--default-contour);font-weight:700;border-top-left-radius:40px;border-top-right-radius:40px;margin-left:40px;margin-bottom:-10px;padding:0 10% 5px 20px}@media screen and (max-width:1600px){.QuizScreen .quiz-left,.QuizScreen .quiz-right{max-width:20%;min-width:20%}.QuizScreen .Character{max-width:350px}}@media screen and (max-width:1350px){.QuizScreen .Character{max-width:280px}.QuizScreen .choice{grid-template-columns:60px 1fr 60px}.QuizScreen .QuizScreen-end{min-width:0;min-height:0}}@media screen and (max-width:1250px){.QuizScreen .Character{max-width:250px}}@media screen and (max-width:1000px){.QuizScreen .intro-text .text{font-size:18px}.QuizScreen .question-text .text{font-size:22px}.QuizScreen .choice-text{font-size:20px}.QuizScreen .question-feedback{font-size:22px}}@media screen and (max-width:850px){.QuizScreen .quiz-left,.QuizScreen .quiz-right{position:static;max-width:60px;min-width:60px}.QuizScreen .Character{max-width:250px}.QuizScreen .logo{width:45px}.QuizScreen .question-replay{position:fixed;top:5px;left:5px}.QuizScreen .question-text .question-images{margin-top:12px;margin-left:12px;margin-right:12px}.QuizScreen .choice{grid-template-columns:40px 1fr 40px}.QuizScreen .button-next{height:55px;width:55px}.QuizScreen .links{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.QuizScreen .links a{font-size:11px}.QuizScreen .score{font-size:2vh}.QuizScreen .score span{font-size:2.2vh}.QuizScreen .links a{font-size:1.3vh}.QuizScreen .button-start{height:100px;width:100px}.QuizScreen .choice-text{font-size:2vh}.QuizScreen .intro-text .text{font-size:2.5vh}.QuizScreen .question-feedback,.QuizScreen .question-text .text{font-size:2.1vh}.QuizScreen .QuizScreen-end{min-width:0;min-height:0}.QuizScreen .QuizScreen-end .score-end{font-size:6.7vh}.QuizScreen .QuizScreen-end .score-end span{font-size:8.7vh}.QuizScreen .QuizScreen-end .text{font-size:2.2vh}}@media screen and (max-width:300px){.QuizScreen .QuizScreen-top{text-align:center}.QuizScreen .score{margin-left:0;font-size:2vh}.QuizScreen .choice{grid-template-columns:20px 1fr 20px}}*,:after,:before{box-sizing:border-box}@font-face{font-family:GoetheFFClan-Book}:root{--bcg-green:#177b57;--bcggreen-transparent:rgba(5,31,20,0.733);--lightgreen:#00be71;--lightgreen-transparent:rgba(0,190,113,0.4);--grey:#eaeaea;--darkgrey:#b9b9b9;--red:#b75c8e;--lightred:#fee3f0;--darkred:#721760;--gold:#c4a703;--lightgold:#fffadb;--darkgold:#796701;--categ:#d9eff3;--default-bg:#efe9d3;--default-hover-bg:#e0dac4;--default-contour:#5dc6f5;--wrong-bg:#f6c48f;--wrong-contour:#e96300;--correct-bg:#dde8ac;--correct-contour:#a1c40e;--default-text:#003c6c;--score-text:#eee8ce;--result-text:#60c4f6}body{margin:0;background:url(../../static/media/BG.1abd0f2f.jpg) no-repeat 50% fixed;background-size:cover;font-family:GoetheFFClan-Bold}@media screen and (max-width:850px){body{background-position:0}}img{max-width:100%}#root,body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root,.App,body,html{width:100%;height:100%}.App{display:inherit;overflow-y:auto}.header{background:#eaeaea;background:var(--grey);margin:0;padding:5px;width:100%}.version{left:0;font-size:10px}.debugMode,.version{position:fixed;bottom:0}.debugMode{right:0;background:red;color:#fff}.debug-zone{position:absolute;right:0;top:0;cursor:pointer;background:orange;border:2px solid #000;font-size:1em;padding:5px;font-weight:700;z-index:999;opacity:0;max-height:80%}.debug-zone:hover{opacity:1}
/*# sourceMappingURL=main.13160880.chunk.css.map */