body{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}*,:after,:before{box-sizing:border-box}body{margin:0;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:500% 500%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.calculator-grid{display:grid;margin-top:50px;grid-template-columns:repeat(4,60px);grid-template-rows:minmax(60px,auto) repeat(5,60px);justify-content:center}.calculator-grid>button{cursor:pointer;font-size:20px;border:1px solid #fff;outline:none;background-color:hsla(0,0%,100%,.75)}.calculator-grid>button:focus,.calculator-grid>button:hover{background-color:hsla(0,0%,100%,.9)}.span-two{grid-column:span 2}.output{grid-column:1/-1;background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;padding:5px;word-wrap:break-word;word-break:break-all}.output .previous-operand{color:hsla(0,0%,100%,.75);font-size:10px}.output .current-operand{color:#fff;font-size:20px}
/*# sourceMappingURL=main.38a3bb4d.chunk.css.map */