html,body{height:100%}body{display:flex;align-items:center;justify-content:center;margin:0;background:#1d293a;color:#fff}.calculator-grid{display:grid;grid-template-rows:15vh 55vh}.buttons{display:grid;grid-template-columns:repeat(4,10vw);gap:10px}.span-two{grid-column:span 2}button{background:#354357;border:none;transition:all .1s;color:#fff;font-size:2rem}button:hover{background:#6c63ff}.output{display:grid;place-content:center end}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}