@font-face{font-family:Metric;src:url(/static/media/Metric-Regular.721b920e.otf) format("opentype")}@font-face{font-family:MetricBold;src:url(/static/media/Metric-Bold.9bedaf53.otf) format("opentype")}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.DHL-grammatik-App{font-family:MetricBold,sans-serif;color:#12394a;background-color:#f5f7f8}.p-t-40{padding-top:40px}.loader{background-color:#f5f7f8;min-height:900px;width:100%;text-align:center}.score-area{text-align:right;font-size:42px}.score-area .score p{display:inline;font-size:42px;font-family:MetricBold,sans-serif}.score-area .score .correct-ans{color:#82d590}.score-area .score .incorrect-ans{color:#ec727e}.score-mobile{text-align:center;font-size:28px}.score-mobile .score p{font-size:28px;font-family:MetricBold,sans-serif}.prev-area{text-align:center;margin-bottom:3rem}.prev-area .heading h1{font-size:42px}.prev-area .heading-desc p{font-size:28px;font-family:MetricBold,sans-serif}.quiz-section{min-height:1200px}.grammatik-quiz{max-width:550px}.grammatik-tutorial{max-width:550px;width:100%;margin:0 auto;background-color:#d9e6e9;z-index:99999;text-align:center}.grammatik-tutorial .quiz-initial .quiz-area .gap{position:relative;top:7px}.grammatik-tutorial .quiz-initial .quiz-area .grammatik-options{min-height:85px}.grammatik-tutorial .quiz-initial .quiz-area .grammatik-options li{min-height:0;line-height:40px;margin:0 1px}.grammatik-tutorial .quiz-area{background-color:#d9e6e9}.grammatik-tutorial .quiz-area .word-title{font-size:42px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px;text-align:center;color:#12394a;padding:20% 0}.grammatik-tutorial .quiz-area .word-title .gap{display:inline-block;font-size:42px;height:26px;width:90px;padding:0;line-height:0;font-weight:700;margin:0 10px;background-image:-webkit-gradient(linear,left top,right top,color-stop(72%,#12394a),color-stop(0,hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#12394a 72%,hsla(0,0%,100%,0) 0);background-position:bottom;background-size:33px 5px;background-repeat:repeat-x}.grammatik-tutorial .quiz-area .word-title .title{display:inline}.grammatik-tutorial .quiz-area .grammatik-options{width:100%;min-height:115px}.grammatik-tutorial .quiz-area .grammatik-options ul{list-style:none;margin:0;padding:0}.grammatik-tutorial .quiz-area .grammatik-options ul li{width:32%;display:inline-block;margin:0 2px;background-color:#fff;padding:20px 0;text-align:center;min-height:70px;line-height:70px;color:#fff;font-size:26px;font-family:MetricBold;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:normal;border:1px solid #979797;background-color:#12394a}.grammatik-tutorial .quiz-area .grammatik-options ul li.selected{background-color:#80afad;border:none}.grammatik-tutorial .richtig-frame{background-color:#82d590}.grammatik-tutorial .falsch-frame{background-color:#ec727e}.grammatik-tutorial .next-frame{background-color:#fff}.grammatik-tutorial .richtig-text{color:#82d590}.grammatik-tutorial .falsch-text{color:#ec727e}.grammatik-tutorial .quiz-starts{padding:20px}.grammatik-tutorial .quiz-starts .quiz-area .not-selected,.grammatik-tutorial .quiz-starts .quiz-area .selected{font-family:Metric}.grammatik-tutorial .quiz-starts .quiz-area .not-active{background-color:#fff;color:#fc7952;border:none}.grammatik-tutorial .quiz-starts .further-area{padding:5rem 0 0}.grammatik-tutorial .quiz-starts .further-area .validation{font-size:32px;font-weight:700;font-style:normal;font-stretch:normal;line-height:.69;letter-spacing:normal;text-align:center}.grammatik-tutorial .quiz-starts .further-area .validation-desc p{font-size:18px;color:#fff;font-family:Metric;margin:.5rem 1rem}.grammatik-tutorial .quiz-starts .further-area .next-part button{width:100%;background-color:#12394a;color:#fff;font-size:28px;padding:30px;border-radius:5px;border-color:#12394a;box-shadow:0 8px 8px -3px rgba(0,0,0,.2);margin:30px 0 5px;font-family:MetricBold;outline:none;max-width:600px;text-align:center;display:block}.grammatik-tutorial .quiz-starts .further-area .check-ans{font-size:32px;margin-bottom:5rem}.grammatik-tutorial .valid{font-family:MetricBold}.grammatik-tutorial .next-frame .not-selected{cursor:pointer}.grammatik-tutorial .next-frame .gap{position:relative;top:7px}@media (max-width:1024px){.score-area{text-align:center}}@media (max-width:768px){.quiz-section{min-height:900px}}@media (max-width:500px){.quiz-section{min-height:850px}}@media (max-width:339px){.grammatik-tutorial .quiz-area .grammatik-options ul li{margin:0 1px}}@media (max-width:220px){.grammatik-tutorial .quiz-area .word-title .title{font-size:28px}.grammatik-tutorial .quiz-area .grammatik-options ul li{width:98%;margin:5px 0}}
/*# sourceMappingURL=main.7dce6477.chunk.css.map */