.component-display{background-color:#858694;color:#fff;text-align:right;font-weight:200;-webkit-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:-webkit-inline-flex;display:inline-flex;width:25%;-webkit-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;-webkit-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;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.component-button-panel,.component-button-panel>div{display:-webkit-flex;display:flex;-webkit-flex:1 0 auto;flex:1 0 auto}.component-button-panel>div{width:100%;margin-bottom:1px}.component-app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-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}}
/*# sourceMappingURL=main.5dab9454.chunk.css.map */