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