body{color:#212121;margin:0;padding:0;font-family:sans-serif}.no-match-404{padding-top:50px}.no-match-404 .title{line-height:3em}.no-match-404 .title .sign{vertical-align:top;color:#ffeb3b;font-size:1.5em}.no-match-404 .title .digit{font-size:3em}.no-match-404 .title .digit.d1{color:#388e3c}.no-match-404 .title .digit.d2{color:#8bc34a}.no-match-404 .title .digit.d3{color:#cddc39}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (device-width>=414px) and (orientation:landscape){.menu{transform:translate(-50%,-30%)}}.menu button{background:0 0;border:none;width:70px;height:70px;margin:5px;padding:0;overflow:visible}.menu button svg{width:70px;height:70px;transition:all .5s}.menu button:hover svg{transform:rotate(1turn)}.menu button #button-icon-plus{fill:#388e3c}.menu button #button-icon-minus{fill:#8bc34a}.menu button #button-icon-multiply{fill:#cddc39}.menu button #button-icon-divide{fill:#ffeb3b}.menu button .badge{z-index:1;border-radius:4px;min-width:20px;padding:4px;position:absolute}.menu button.addition .badge{background-color:#ffeb3b;top:-5px;right:140px}.menu button.subtraction .badge{background-color:#cddc39;top:-5px;left:140px}.menu button.multiplication .badge{background-color:#8bc34a;bottom:-5px;right:140px}.menu button.division .badge{background-color:#388e3c;bottom:-5px;left:140px}.about{text-align:left;width:320px;margin:0 auto;padding:1em}.about .title{font-size:2em;line-height:3em}.about .acknowledgement{color:#757575}.about .git-source{padding:1rem 0}.about .git-source .git-hub-icon{vertical-align:bottom;width:1.4rem;height:1.4rem;padding-right:.4rem}.game{display:block}.game-hud{background-color:#0000;margin-bottom:10px;padding:10px 0}.game-hud .container{width:320px;margin:0 auto}.game-hud .container div{width:80px;padding:0 10px;display:inline-block}.game-hud.addition{border-bottom:2px solid #388e3c}.game-hud.subtraction{border-bottom:2px solid #8bc34a}.game-hud.multiplication{border-bottom:2px solid #cddc39}.game-hud.division{border-bottom:2px solid #ffeb3b}.question-counter{text-align:left}.icon-grade{width:24px;height:24px;margin-right:10px;position:relative;top:5px}.correct-answers{color:#4caf50;text-align:right}.correct-answers svg.icon-grade{fill:#ffc107}.gain-even .icon-grade,.gain-odd .icon-grade{animation-duration:.5s;animation-timing-function:ease-out;animation-iteration-count:3}.gain-even .icon-grade{animation-name:zoom-star-1}.gain-odd .icon-grade{animation-name:zoom-star-2}@keyframes zoom-star-1{0%{transform:scale(1)}50%{opacity:.75}to{opacity:0;transform:scale(2)}}@keyframes zoom-star-2{0%{transform:scale(1)}50%{opacity:.75}to{opacity:0;transform:scale(2)}}.game-answers{width:320px;margin:0 auto}.game-answers button{cursor:pointer;background-color:#fff}.game-answers.locked button{cursor:default;pointer-events:none;background-color:#bdbdbd}.game-answers hr{border-style:solid;border-color:#bdbdbd}.answer{border:1px solid #bdbdbd;min-width:70px;margin:2px;padding:20px;font-size:1em}.answer:focus{outline:none}@media only screen and (device-height<=668px) and (orientation:landscape),screen and (device-height<=668px) and (orientation:portrait){.answer{padding:15px 5px}}.hidden{visibility:hidden}.equation{width:320px;margin:0 auto;padding:75px 0;display:table}@media only screen and (device-height<=668px) and (orientation:landscape){.equation{padding:10px 0}}@media only screen and (device-height<=668px) and (orientation:portrait){.equation{padding:40px 0}}.wrapper{text-align:center;vertical-align:middle;display:table-cell}.part{vertical-align:top;width:50px;margin:0;padding:15px 5px;display:inline-block}@media only screen and (device-height<=668px) and (orientation:landscape){.part{padding:5px 5px 10px}}@media only screen and (device-height<=668px) and (orientation:portrait){.part{padding:10px 5px}}.question{border:2px solid #bdbdbd;border-radius:5px}.correct .question{border-color:#4caf50;border-radius:15px}.incorrect .question{border-color:#f44336;border-radius:0}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:none}}.feedback{height:50px;margin-top:-57px;margin-bottom:15px}@media only screen and (device-height<=668px) and (orientation:landscape),screen and (device-height<=668px) and (orientation:portrait){.feedback{height:40px;margin-top:-15px;margin-bottom:-5px}}.feedback .row{text-align:center;align-items:center;width:320px;margin:0 auto;display:flex}.feedback .cell{flex-grow:1;display:inline-block}.feedback button.cell{animation-name:fadeInLeft;animation-duration:1s;animation-delay:.5s;animation-fill-mode:both}.feedback .mood-icon{width:32px;height:32px;margin:4px;padding:4px;display:inline-block}.feedback .message{display:inline-block}.feedback .message .correct-answer{color:#4caf50;margin-left:8px;font-size:1.25em;font-weight:700}.feedback button{cursor:pointer;background-color:#0000;border:none;width:40px;height:40px;margin-left:8px;padding:0;display:inline-block}.feedback button svg{fill:#212121;width:38px;height:38px;transition:all .5s}.feedback button svg:hover{transform:rotate(1turn)}.feedback.incorrect .mood-icon{fill:#f44336}.feedback.correct .mood-icon{fill:#4caf50}.config{padding-top:50px}.config label{padding-bottom:8px;display:block}.config input,.config select{margin-left:8px}footer{width:100%;padding:10px 0;font-size:.8em;position:absolute;bottom:0}@media only screen and (device-height<=668px) and (orientation:landscape){footer{position:initial}}.App .App-header .rightIconSlot button,.App .App-header .leftIconSlot button{background:0 0;border:none;margin:0;padding:0}.App{text-align:center}.App .App-header{color:#fff;background-color:#3f51b5;border-top:8px solid #303f9f;height:50px;padding:20px}.App .App-header h3{color:#c5cae9;margin-top:.25em;font-size:1em}.App .App-header .App-title{-o-transition:all .5s ease-out;margin-top:.35em;font-size:1.5em;transition:all .5s ease-out}.App .App-header.in-page .App-title{margin-bottom:.25em;font-size:1em}.App .App-header .leftIconSlot{width:30px;height:30px;position:absolute;top:34px;left:8px}.App .App-header .leftIconSlot svg#logo-icon{fill:#fff;height:30px}.App .App-header .leftIconSlot svg#arrow-back{fill:#fff;width:30px;height:30px;transition:all .2s}.App .App-header .leftIconSlot button:hover svg#arrow-back{transform:rotate(1turn)}.App .App-header .rightIconSlot{height:40px;position:absolute;top:33px;right:8px}.App .App-header .rightIconSlot button{width:40px;height:40px}.App .App-header .rightIconSlot button svg{fill:#fff;-o-transition:all .5s ease;transition:all .5s}.App .App-header .rightIconSlot button:hover svg{transform:rotate(1turn)}.App section.content{min-height:180px}.dd-menu{z-index:100001;position:fixed}.dd-menu.close{opacity:0;visibility:hidden}.dd-menu.open{opacity:1;visibility:visible}.dd-menu .cloak{width:100%;height:100%;position:fixed;top:0;left:0}.dd-menu .dd-menu-container{background-color:#fff;width:110px;position:fixed;top:90px;right:8px;box-shadow:1px 1px 5px #888}.dd-menu .dd-menu-container button{text-align:left;display:block;width:100px!important;margin:0 auto!important}.dd-menu .dd-menu-container button svg{margin-right:8px;display:inline-block;position:relative;top:5px;fill:#212121!important}.dd-menu .dd-menu-container button span.label{margin-bottom:5px;display:inline-block;position:relative;top:-2px}.game-over{text-align:left;width:320px;margin:0 auto;padding-top:1rem}.game-over .title{text-align:center;margin:1.5rem 0;font-size:2rem}.game-over .title .p1{color:#388e3c}.game-over .title .p2{color:#8bc34a}.game-over .title .p3{color:#cddc39}.game-over .content,.game-over .footer{text-align:center;margin:1.5rem 0;display:block}.game-over .footer button{background:0 0;border:none;width:75px;height:75px;margin:10px}.game-over .footer button svg{fill:#fff;-o-transition:all .5s ease;width:50px;height:50px;transition:all .5s}.game-over .footer button:hover svg{transform:rotate(1turn)}.game-over .footer button.menu-button{background-color:#e64a19}.game-over .footer button.replay-button{background-color:#ff9800}