*,:after,:before{box-sizing:border-box;font-family:Gotham Rounded,sans-serif;font-weight:400}body{padding:0;margin:0;background:linear-gradient(90deg,#0af,#00ff6c)}.calculator-grid{display:grid;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;min-height:100vh;grid-template-columns:repeat(4,100px);grid-template-rows:minmax(120px,auto) repeat(5,100px)}.calculator-grid>button{cursor:pointer;font-size:32px;font-size:2rem;border:1px solid #fff;outline:none;background-color:hsla(0,0%,100%,.75)}.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:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-direction:column;flex-direction:column;padding:10px;word-wrap:break-word;word-break:break-all}.output .previous-operand{color:hsla(0,0%,100%,.75);font-size:24px;font-size:1.5rem}.output .current-operand{color:#fff;font-size:40px;font-size:2.5rem}.calculator-grid>button{margin:8px;border-radius:8px;border:none;box-shadow:0 2px 7px 2px #d9c0c0}.calculator-grid>button:not([data-number]){background:#4d2f2e;color:#fff}body{background:#e8d9d9}.output{margin:8px;border-radius:8px;background:#d9c0c0;box-shadow:inset 0 0 5px 2px rgba(77,47,46,.169)}.calculator-grid{grid-template-rows:minmax(120px,auto) repeat(5,80px)}button[data-equals]{background:#f26300!important}