body,html{height:100%;margin:0;-webkit-user-select:none;user-select:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:calc(10px + 2vmin);text-align:center}#root{margin-bottom:-50px;min-height:100%}footer{font-size:14px;height:50px;width:100%}footer a{color:#fff;text-decoration:none}h3{margin:0}section{margin:30px 0 0}nav{margin:50px 0 0}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding-bottom:80px}.menu .btn{color:#fff;display:block;text-decoration:none}.btn{background-color:#888;border-radius:10%;cursor:pointer;font-size:calc(10px + 2vmin);margin:10px;padding:calc(5px + 1vmin) calc(20px + 1vmin);transition-duration:.4s}.btn:hover{background-color:#ccc;border:2px solid #888}.btn.disable{background-color:#888;cursor:not-allowed}.btn.green{background-color:#4caf4f}.btn.green:hover{background-color:#77c57ae0;border:2px solid #4caf4f}.btn.blue{background-color:#048cba}.btn.blue:hover{background-color:#48abcc;border:2px solid #048cba}.btn.large{font-size:calc(10px + 3vmin);padding:calc(5px + 2vmin) calc(20px + 2vmin)}.icon{height:16px;margin:0 2px;width:16px}.icon-github{content:url(/static/media/github-brands.8bce9409ef33a16c5003.svg)}.icon-blog{content:url(/static/media/blog-solid.27aad8b316125644eb21.svg)}.icon-backspace{content:url(/static/media/backspace-solid.fa1aae1387204d1d10b7.svg)}.icon-check{content:url(/static/media/check-solid.215cae63cc1cbd813021.svg)}ul{padding:0}li{display:block;margin:10px;position:relative}.dropbtn{background:url(/static/media/language-translator.5fc92d055bd2a8d0a27e.svg) 96%/15% no-repeat #eee;border:1px solid #ccc;font-size:16px;height:34px;margin:10px 10px 1px;padding:5px 35px 5px 5px;width:110px}.dropdown{float:right;position:relative}.dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;font-size:14px;margin:0 10px;position:absolute;width:110px;z-index:1}.dropdown-content a{color:#000;display:block;padding:10px;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#4caf4f}.header{left:0;position:absolute;top:0;width:100%}.header .close{margin:35px 15px}.questionNumber{background-color:#048cba;border-radius:50%;left:18px;padding:6px;position:absolute;top:32px}.question{font-size:calc(10px + 15vmin);margin-top:80px}.answer-method{width:100vmin}.answer-method.filling .question{font-size:calc(10px + 8vmin);left:0;position:absolute;top:0;width:100%}.choices{max-width:800px;padding:0}.choices li{background-color:#ccc;border:2px solid #048cba;border-radius:10%;color:#000;cursor:pointer;display:inline-block;font-size:calc(10px + 4vmin);height:calc(50px + 5vmin);transition-duration:.4s;width:30%}.choices li span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.choices li:hover{background-color:#048cba}@media (hover:none){.choices li:hover{background-color:#ccc}}progress{-webkit-appearance:none;appearance:none;border-radius:2px;box-shadow:inset 0 2px 5px #00000040;display:block;height:20px;left:0;position:absolute;top:0;width:100%}progress::-webkit-progress-value{background:#5db75d}progress.warning::-webkit-progress-value{background:#efad4c;transition-duration:.4s}progress.danger::-webkit-progress-value{background:#d9544e;transition-duration:.4s}.modal{background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#282c34;border:1px solid #888;margin:10% auto;padding:20px;width:80%}.modal-content table{padding-top:20px;width:100%}.modal-footer{padding-top:30px}.correct b:before{color:#adff2f;content:"O"}tr.correct{background-color:#228b22}tr.incorrect{background-color:#bc8f8f}.incorrect b:before{color:red;content:"X"}.close{border:1px solid #ccc;cursor:pointer;float:right;margin:-10px;padding:0 10px 5px}.close:hover{background-color:#888}@keyframes fade{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink{animation:fade .6s infinite;-webkit-animation:fade .6s infinite}p{font-size:calc(10px + 5vmin)}.sections{margin:0;max-width:800px;padding:0}.sections li{display:inline-block}.sections label{cursor:pointer;padding:0}.sections input[type=checkbox]{display:none}.sections input[type=checkbox]+span{background-color:#888;border-radius:10%;display:inline-block;padding:10px calc(10px + 5vmin);transition-duration:.4s}.sections input[type=checkbox]:checked+span{background-color:#48abcc}.sections input[type=checkbox]:checked+span:after{border:2px solid #00ff08;border-width:0 3px 3px 0;content:"";height:10px;left:calc(5px + 2vmin);position:absolute;top:calc(10px + 1vmin);transform:rotate(45deg);width:5px}.incorrect .clock{margin:0;width:100px}.slider{-webkit-appearance:none;background:#d3d3d3;border-radius:5px;height:15px;opacity:.7;outline:none;transition:opacity .2s;width:60%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#48abcc;border-radius:50%;cursor:pointer;height:25px;width:25px}.slider::-moz-range-thumb{background:#48abcc;border-radius:50%;cursor:pointer;height:25px;width:25px}.numeric-keypad{height:calc(100% - 160px - 15vmin);left:0;position:absolute;top:calc(100px + 15vmin);width:100%}.numeric-keypad .numbers .cell{height:calc(25% - 2px);width:calc(33.3% - 2px)}.numeric-keypad .icon-backspace,.numeric-keypad .icon-check{width:calc(10px + 5vmin)}.schulte-table{height:calc(100% - 200px);left:0;position:absolute;top:80px;width:100%}.cursor{height:50px;margin:5px}.cursor,.time{font-size:calc(10px + 3vmin)}.time{font-family:serif;position:absolute;right:10px;top:6px}.characters,.numbers{height:100%;margin:5px}.characters .cell,.numbers .cell{border:1px solid #ccc;display:inline-block;font-size:calc(140% + 5vmin);font-weight:700;margin-top:-6px;position:relative;transition-duration:.4s}.characters.size-9 .cell{height:calc(33.3% - 2px);width:calc(33.3% - 2px)}.characters.size-16 .cell{height:calc(25% - 2px);width:calc(25% - 2px)}.characters.size-25 .cell{height:calc(20% - 2px);width:calc(20% - 2px)}.characters.size-36 .cell{height:calc(16.6% - 2px);width:calc(16.6% - 2px)}.characters.size-49 .cell{font-size:calc(120% + 3vmin);height:calc(14.2% - 2px);width:calc(14.2% - 2px)}.characters.size-64 .cell{font-size:calc(100% + 3vmin);height:calc(12.5% - 2px);width:calc(12.5% - 2px)}.characters.size-81 .cell{font-size:calc(100% + 2vmin);height:calc(11.1% - 2px);width:calc(11.1% - 2px)}.characters .cell span,.numbers .cell span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.characters .cell.correct{background-color:#5db75d!important}.characters .cell.incorrect{background-color:#d9544e!important}.characters .cell:hover,.numbers .cell:hover{background-color:#048cba}@media (hover:none){.characters .cell:hover,.numbers .cell:hover{background-color:inherit}}
/*# sourceMappingURL=main.28436146.css.map*/