@font-face { font-family: "pokemon-classic"; src: url("font/pokemon-classic.ttf") format("truetype"), url("font/pokemon-classic.woff2") format("woff2"), url("font/pokemon-classic.woff") format("woff"); font-weight: normal; font-style: normal; } input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } * { box-sizing: border-box; font-family: "pokemon-classic" !important; } body { background: #405010; padding-bottom: 30px; padding-top: 30px; } #calculator { background-color: #d0d058; max-width: 400px; margin: 0 auto; border: 3px solid #111; border-radius: 5px; } .button { background: #a0a840; border: 2px solid #111; padding: 20px; color: black; border-radius: 5px; font-size: 22px; cursor: pointer; } #calculator input { background: none; border: none; box-shadow: none; outline: none; background-color: #708028; margin-top: 20px; margin-left: 22px; padding: 10px; width: 89%; height: 50%; border: 3px solid #111; color: black; text-align: right; font-size: 40px; border-radius: 0; } #calculator-buttons { padding: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; } #clear, #delete { grid-column: span 2; width: 100%; font-size: 120%; } #delete { background-color: #708028; } #clear { background-color: #708028; }