body{
    background-color: #e0b599;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
}
.calculadora{
background-color:#85f1d6;
padding: 20px;
border-radius:20px;
box-shadow: 0 10px 25px;
width: 320px;
}
.visor{
background-color: rgb(255, 43, 43);
color: rgb(115, 21, 134);
font-size: 36px;
text-align: right;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow:inset 008px #0f0 ;
height: 60px;
overflow-x: auto;
}
.botoes{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 10px;
}
button {
padding: 20px;
font-size: 20px;
border: none;
border-radius: 10px;
background-color: #c48989;
color: rgb(245, 189, 85);
cursor: pointer;
transition: 0.2s;
}

button:hover {
background-color: #892ba0;
}

button.igual {
background-color: #009688;
grid-row: span 2;
}

button.igual:hover {
background-color: #5a81d3;
}

button.zero {
grid-column: span 2;
}