*,*:after,*:before{box-sizing:border-box}body{background:linear-gradient(to right,#0af,#00ff6c);margin:0;place-items:center}.calculator-grid{display:grid;margin-top:2rem;grid-template-columns:repeat(4,6rem);grid-template-rows:minmax(7rem,auto) repeat(5,6rem);box-shadow:0 4px 30px #232323bf}.calculator-grid>button{cursor:pointer;font-size:1.5rem;border:1px solid white;outline:none;background-color:#ffffffe6}.calculator-grid>button:hover,.calculator-grid>button:focus{background-color:#ffffffbf}.span-two{grid-column:span 2}.output{grid-column:1 / -1;background-color:#000000bf;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:.75rem;word-wrap:break-word;word-break:break-all}.previous-operand{color:#ffffffbf;font-size:1.5rem}.current-operand{color:#fff;font-size:2.5rem}