.component-display{background-color:#858694;color:#fff;text-align:right;font-weight:200;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.component-display>div{font-size:2.5rem;padding:.2rem .7rem .1rem .5rem}.component-button{display:-ms-inline-flexbox;display:inline-flex;width:25%;-ms-flex:1 0 auto;flex:1 0 auto}.component-button.wide{width:50%}.component-button button{background-color:#e0e0e0;border:0;font-size:1.5rem;margin:0 1px 0 0;-ms-flex:1 0 auto;flex:1 0 auto;padding:0}.component-button:last-child button{margin-right:0}.component-button.orange button{background-color:#f5923e;color:#fff}.component-button-panel{background-color:#858694;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.component-button-panel,.component-button-panel>div{display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto}.component-button-panel>div{width:100%;margin-bottom:1px}.component-app{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}html{font-size:10px}body,html{height:100%}body{background-color:#000;margin:0;padding:0;font-family:sans-serif}#root{height:100%}body .github-fork-ribbon:before{background-color:#333}@media screen and (max-width:400px){.github-fork-ribbon{display:none}}@media (min-width:400px) and (min-height:400px){html{font-size:20px}}@media (min-width:500px) and (min-height:500px){html{font-size:30px}}@media (min-width:600px) and (min-height:600px){html{font-size:40px}}@media (min-width:800px) and (min-height:800px){html{font-size:50px}}/*!
 * "Fork me on GitHub" CSS ribbon v0.2.0 | MIT License
 * https://github.com/simonwhitaker/github-fork-ribbon-css
*/.github-fork-ribbon{width:12.1em;height:12.1em;position:absolute;overflow:hidden;top:0;right:0;z-index:9999;pointer-events:none;font-size:13px;text-decoration:none;text-indent:-999999px}.github-fork-ribbon.fixed{position:fixed}.github-fork-ribbon:after,.github-fork-ribbon:before{position:absolute;display:block;width:15.38em;height:1.54em;top:3.23em;right:-3.23em;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.github-fork-ribbon:before{content:"";padding:.38em 0;background-color:#a00;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.15));background-image:-o-linear-gradient(top,transparent,rgba(0,0,0,.15));background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.15));-webkit-box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);pointer-events:auto}.github-fork-ribbon:after{content:attr(title);color:#fff;font:700 1em Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.54em;text-decoration:none;text-shadow:0 -.08em rgba(0,0,0,.5);text-align:center;text-indent:0;padding:.15em 0;margin:.15em 0;border-width:.08em 0;border-style:dotted;border-color:#fff;border-color:hsla(0,0%,100%,.7)}.github-fork-ribbon.left-bottom,.github-fork-ribbon.left-top{right:auto;left:0}.github-fork-ribbon.left-bottom,.github-fork-ribbon.right-bottom{top:auto;bottom:0}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before{right:auto;left:-3.23em}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{top:auto;bottom:3.23em}.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
/*# sourceMappingURL=main.b51b4a8b.css.map*/