*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(to right,#00aaff,#00ff6c);font-family:Arial,Helvetica,sans-serif;display:flex;height:100vh;align-items:center;justify-content:center}.calculator__intro{text-align:center;color:#000}.calculator__grid{display:grid;margin-top:2rem;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 white;outline:none;background-color:#ffffffbf}.calculator__grid button:hover{background-color:#ffffffe6}.utility__span-two{grid-column:span 2}.calculator__output{grid-column:1 / -1;background: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}.calculator__output .operand__previous{color:#ffffffbf;font-size:1.5rem}.calculator__output .operand__current{color:#fff;font-size:2.5rem}