body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body{background:linear-gradient(90deg,#a3c8db,#bcddca);margin:0}h1{color:#f4f4f4;padding:0 0 0 1rem}h5{color:#eff6f2;font-size:3vw}.calculator-grid{display:grid;grid-template-columns:repeat(4,6rem);grid-template-rows:minmax(7rem,auto) repeat(5,6rem);justify-content:center;margin-top:2rem}.calculator-grid>button{background-color:hsla(0,0%,100%,.75);border:1px solid #fff;cursor:pointer;font-size:2rem;outline:none}.calculator-grid>button:focus,.calculator-grid>button:hover{background-color:hsla(0,0%,100%,.9)}.span-two{grid-column:span 2}.output{word-wrap:break-word;align-items:flex-end;background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;grid-column:1/-1;justify-content:space-around;padding:.75rem;word-break:break-all}.output .previous-operand{color:hsla(0,0%,100%,.75);font-size:1.5rem}.output .current-operand{color:#fff;font-size:2.5rem}
/*# sourceMappingURL=main.77823ee3.css.map*/