body{
background-color: #d0d0d0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: 'Segoe UI', sans-serif;
}
.calculadora{
background-color:#3d4644;
padding: 20px;
border-radius:20px;
box-shadow: 0 10px 25px;
width: 320px;
}
.visor{
background-color: rgb(223, 248, 246);
color: rgb(67, 87, 85);
font-size: 36px;
text-align: right;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow:inset 008px rgb(177, 210, 212) ;
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: hwb(160 28% 55%);
color: rgb(168, 216, 212);
cursor: pointer;
transition: 0.2s;
}

button:hover {
background-color: #5d8578;
}

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

button.igual:hover {
background-color: c;
}

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