.component-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:1rem;position:relative}button{display:block;width:100%;height:100%;border:none;border-radius:50px;font-size:25px;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}button:focus{outline:none}button:hover{cursor:pointer}.component-button button span{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.numbers button{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;background-color:#222;color:#eee}.numbers:active button{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);background-color:#777;color:#eee}.calcOperator button,.squareRootOperator button{background-color:#f5923e;color:#eee}.squareRootOperator:active button{background-color:#eee!important;color:#ff4500!important;-webkit-transform:translateY(-3px)!important;-ms-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.calcOperator--active button{background-color:#eee;color:#ff4500;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.valueOperator button{background-color:#555;color:#eee}.valueOperator:active button{background-color:#ddd;color:#222;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.component-button--equal button{background-color:#ff4500;color:#fff}.component-button--equal:active button{background-color:#f30;color:#fff;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.history button{color:#ff4500;background:#bbb}.history:active button{color:#ff4500;background:#eee}.history--disabled button{cursor:not-allowed!important;color:#888!important;color:#222!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.component-button--0{grid-column:1/span 2;grid-row:5/6}.component-button--backspace{grid-column:4/6;grid-row:1/2}.component-button-panel{background-color:#000;grid-row:2/-1;grid-column:1/-1;padding:1rem;display:grid;height:520px;width:520px;grid-template-columns:repeat(5,100px);grid-template-rows:repeat(5,100px);overflow:hidden}.app-container{position:relative;height:100%;width:100%;-webkit-perspective:150rem;perspective:150rem}.app--back,.app--front{position:absolute;border-radius:10px;overflow:hidden;top:0;left:0;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.app--back{background-color:transparent;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}svg{height:50%;width:50%}.Header{width:100%;padding:0 10px;height:50px;-ms-flex-pack:start;justify-content:flex-start;background-color:#fff;grid-row:1/span 1;grid-column:1/-1}.Header,.Header__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Header__button{width:25px;height:25px;margin:0 .5rem;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;fill:#fff;cursor:pointer;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.Header__button:hover{-webkit-box-shadow:0 2px 3px #444;box-shadow:0 2px 3px #444;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);fill:#222}.Header__button--close{background-color:#ff4500}.Header__button--max{background-color:#9acd32}.Header__button--min{background-color:orange}.Header__button--config{background-color:#add8e6}.component-display{height:100px;width:100%;grid-column:1/-1;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;background-color:#000;color:#fff;padding:0 1rem;font-weight:100;overflow:hidden}.component-display>div{font-size:6rem;-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-align:right}.main--front{grid-column:1/-1;grid-row:2/-1;background-color:#000;display:grid;height:600px;width:100%;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(5,1fr)}.ThemeSelector{font-size:2rem;width:60%;margin:10rem auto}.theme{margin:1rem;padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.theme--dayTime,.theme--nightTime{color:#fff;background-color:#000}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit}html{width:100vw;font-size:62.5%}body,html{height:100vh}body{background-color:#222;margin:0;padding:0;font-family:sans-serif;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.6rem}#root{width:520px;height:670px}/*!
 * "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.552156c1.css.map*/