body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color-white:#fff;--color-light-white:#eee;--color-tomato:#d40640;--color-purple-transparent:rgba(88,24,69,0.9);--color-pink-tranparent:rgba(216,14,91,0.9);--color-light-black:#222;--color-black:#000;--shadow:rgba(0,0,0,0.4);--color-orange:#ff3c00}.calculator{height:80vh;width:80%;max-width:300px;box-shadow:0 2rem 4rem rgba(0,0,0,.4);box-shadow:0 2rem 4rem var(--shadow);background-color:#eee;background-color:var(--color-light-white)}.result-screen{height:19vh;font-size:3.2rem;font-weight:400}.computation-screen,.result-screen{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:flex-end;align-items:flex-end}.computation-screen{height:6vh;font-size:1.5rem}.screen{height:25vh;width:79%;padding:0 2rem;overflow:hidden;white-space:no-wrap;color:#eee;color:var(--color-light-white);background-color:#d40640;background-color:var(--color-tomato)}.keypad-row{height:11vh;width:100%;display:-webkit-flex;display:flex;color:#fff}.keypad{height:55vh;width:100%}.btn{width:25%;height:100%;font-size:2rem;font-family:inherit;background-color:#fff;background-color:var(--color-white);border:1px solid transparent;outline:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:all .2s}.btn:hover{color:#eee;color:var(--color-light-white);background-color:#d40640;background-color:var(--color-tomato)}.btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn--large{width:50%;color:#fff;color:var(--color-white);background-color:#d40640;background-color:var(--color-tomato);transition:all .2s}.btn--large:hover{background-color:#fff;background-color:var(--color-white)}.btn--large:hover,.btn--primary{color:#d40640;color:var(--color-tomato)}.btn--operator{color:#ff3c00;color:var(--color-orange)}@media only screen and (max-width:320px){.screen{width:76%}}.app{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;width:100%;background-color:#293944;font-family:"Roboto",sans-serif;font-weight:300}
/*# sourceMappingURL=main.88bf46d0.chunk.css.map */