#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Nova Mono}:root{font-family:Nova Mono,"sans-serif";line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{background:linear-gradient(#e66465,#C8BDFF);margin:0;padding:0;font-family:Nova Mono,"sans-serif"}button{font-family:Nova Mono,"sans-serif"}main.calculator{width:320px;border:1px solid black;border-radius:10%;padding:1rem;margin:5rem auto;background-color:#ffbdd3;box-shadow:5px -5px 20px gray}output{display:block;background-color:#ddd;padding:.5rem;text-align:center;margin-bottom:12px;border:1px solid #8a8f81;font-size:2rem}div.container{display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr)}.num{grid-row:span 2}.op{grid-column:-2 / -1}.add{grid-row:1 / 2}.sub{grid-row:2 / 2}.mult{grid-row:3}.div{grid-row:4}.eq{grid-row:5 / span 2}.deci{grid-row:7 / span 2}.eraser{grid-row:7 / span 3}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}