*,:after,:before{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#0af,#00ff6c)}.calculator-grid{display:grid;margin-top:2rem;justify-content:center;grid-template-columns:repeat(4,6rem);grid-template-rows:minmax(7rem,auto) repeat(5,6rem)}.calculator-grid>button{cursor:pointer;font-size:2rem;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:.75rem;word-wrap:break-word;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}