html{height:100%;-webkit-tap-highlight-color:transparent}body{margin:0;background:linear-gradient(-45deg,#efaa54,#ce456d) no-repeat fixed;font-family:Arial,Helvetica,sans-serif}#app{max-width:530px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:100%;max-height:740px;margin:auto}#app,.page{width:100%;position:absolute;top:0}#nav,.page{left:0}#nav{display:none;position:fixed;top:0;z-index:1000}.router-anim-enter-active{-webkit-animation:coming 1s;animation:coming 1s;-webkit-animation-delay:.5s;animation-delay:.5s;opacity:0}.router-anim-leave-active{-webkit-animation:going 1s;animation:going 1s}@-webkit-keyframes going{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0}}@keyframes going{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0}}@-webkit-keyframes coming{0%{opacity:0}to{opacity:1}}@keyframes coming{0%{opacity:0}to{opacity:1}}.router-button{text-align:center;display:block;margin:0 auto;font-size:30px;border-collapse:collapse;border:none;max-width:320px;width:80%;min-height:64px;line-height:64px;cursor:pointer;text-decoration:none;font-family:Oswald-Light,sans-serif}.router-button:focus{outline:none;outline-width:0}.router-button.primary{background:#fff;color:#000;border-radius:60px 60px}.router-button.secondary{background:none;color:rgba(251,198,131,.8)}.intro{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.intro figure{text-align:center}.intro figure img{display:block;margin:0 auto 10px}.intro figure figcaption{text-transform:uppercase;font-family:Oswald-Light;font-size:42px;line-height:42px;text-align:center;color:#fff}.intro figure figcaption small{display:block;font-size:70%;font-weight:bolder}.container{background-color:#fff;border-radius:12px;padding:30px 30px 0;margin:10px auto;max-width:408px;width:calc(100% - 20px);font-family:Oswald-Light,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.container h1{text-align:center;margin:0;font-weight:400}.container .content{font-size:18px;margin-bottom:40px}.container .router-button{background-color:#eae0d4;color:#a29585}.container .last-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .last-row img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.container .last-row .router-button{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-height:64px;width:50%}.buttons{background:url(data:image/png;base64,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) top no-repeat;width:100%;position:relative;height:29.41176%}.buttons>img{max-width:100%;height:auto;position:absolute;left:0;bottom:0;z-index:0}.buttons .button-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:100;height:100%;width:90%;margin:0 auto}.buttons .button-row button{width:60px;height:60px;border-radius:12px 12px;background-color:#fff;text-align:center;vertical-align:middle;border-collapse:collapse;border:none;font-size:36px;font-family:Oswald-Light;cursor:pointer}.buttons .button-row button:focus{outline:none}.buttons .button-row button.wrong{border:2px solid #2e0808;background:#b21d1d;color:hsla(0,0%,100%,.75);cursor:auto}.buttons .button-row button.correct{border:2px solid #325519;background:#79c641;color:hsla(0,0%,100%,.75);cursor:auto}@media (min-width:474px){.buttons .button-row button{width:90px;height:90px;border-radius:30px 30px}}circle{-webkit-transition:stroke-dashoffset .35s;transition:stroke-dashoffset .35s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.ui{font-family:Oswald-Light;position:relative}.ui .bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;border-radius:32px 32px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);height:64px;width:90%;margin:0 auto}.ui .bar,.ui .bar>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui .bar>div{-ms-flex-pack:distribute;justify-content:space-around;height:100%;width:25%;padding:0 20px}.ui .bar>div img{width:20px}.ui .bar>div span{line-height:64px;font-size:30px}.ui .clock{-webkit-box-sizing:content-box;box-sizing:content-box;width:77px;height:77px;border-radius:100%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}.ui .clock svg{position:relative;top:-12px;left:-12px}.ui .clock span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:30px}.game{height:calc(100vh - 20px);max-height:600px;margin:20px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card,.cards{position:relative}.card{width:90%;margin:0 auto;padding:40px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVQAAAAOBAMAAACC3vmjAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAKlBMVEUAAADq6urq6urq6urq6urq6urq6urq6urq6urq6urq6urq6urq6urq6uqESMCjAAAADXRSTlMAMPCgYJDEw4DgwHDQWu0N7gAAANBJREFUSMdjYKASYL0CZbBchYv5BjAMRhB71wHC2HsX5kDWu5cHpVPP3oUEK/PduwugQrZ37xoMRqcK3YUEq+3dSwIMMEcPzmBl1AUHK9B9iohApW6w1t6lGBQgBStKoKrowoKVjXJbrjNQbsbdC4hgRQnUSwJCsGDlpYI11AjVBERqRQlURZDzL1MrVK9RN7XeRA1UsPMHayGAGqgMiGAdfIUAPFBjoY4GOj9gcAYrLFAZ5kIdDXT+gsEZrIpwV8McDWcMMiABdxZjIzqDYgAAwAWue88PDroAAAAASUVORK5CYII=) 50% no-repeat #fff;border-radius:12px 12px;-webkit-box-shadow:10px 0 25px rgba(0,0,0,.1);box-shadow:10px 0 25px rgba(0,0,0,.1);z-index:100}.card img{display:block;margin:10px auto}.card span{font-family:VarelaRound;font-size:48px;display:block;text-align:center}.card span:first-of-type{margin-bottom:30px}.next-card{background-color:#fff;border-radius:12px 12px;-webkit-box-shadow:10px 0 25px rgba(0,0,0,.1);box-shadow:10px 0 25px rgba(0,0,0,.1);position:absolute;display:block;z-index:0;width:80%;content:" ";bottom:-10px;height:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.outro{height:calc(100% - 40px);margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.outro .router-button{margin:0 auto}.score-panel{position:relative;text-align:center;margin:auto}.score-panel>img{display:block;max-width:100%;height:auto}.score-panel .star-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around;width:50%;margin:0 auto;position:absolute;top:180px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.score-panel .star-row img{max-width:50px}.score-panel #score{font-size:48px;position:absolute;bottom:60px;text-align:center;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:VarelaRound,sans-serif}
footer {
    margin-top: 100vh;
}