html,
body {
font-family: Verdana, Helvetica, sans-serif;
margin: auto;
height: 100%;
width: 100%;
text-align:center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
main {
display: block;
margin: auto;
padding: 0.50em;
width: 100%;
}
header {
text-align: center;
}
section {
margin: auto;
padding: 0.50em;
max-width: 400px;
border: 2px solid;
}
.display,
.botones {
display: flex;
}
input {
background: rgba(255, 193, 7, 0.38);
margin: 0.50em auto;
padding: 0 0.25em;
text-align: right;
font-size: 3em;
letter-spacing: 0.25em;
border: 5px inset;
border-radius: 5px;
width: 90%;
}
button {
flex: 1;
padding: 0.50em 0;
margin: 0.25em;
text-align: center;
font-size: 1.2em;
background-color: aquamarine;
}