*{
        margin: 0;
        padding: 0;
    }
.fundo{

background-image: linear-gradient(45deg, black, crimson);
width: 100%;/*extende a cor no horizontal */
height: 100vh; /*extende a cor no vertical */
color: white;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

.calculadora{
 position: absolute; /*OCUPA SOMENTE O ESPAÇO DELA */
 background-color: rgba(0, 0, 0, 0.8) ; /* background-color: rgba(red, green, blue, alpha); É A TRANSPARENCIA DO ITEM. SE MODIFICARMOS O ALPHA, PODEMOS DEIXAR O ITEM TRANSPARENTE, O Nº 1 É O LIMITE */
 top: 50%; 
 left: 50%;
 transform: translate(-50%,-50%); /*AJUDA A REALMENTE A CENTRALIZAR A DIV */
 border-radius: 15px;/*ARREDONDA BORDA */
 padding: 15PX; /*DISTANCIA DOS NOSSOS ELEMENTES E A BORDA */
 
}


.botoes{
width: 50px;
height: 50px;
font-size: 25px;
margin: 3px;
cursor: pointer;/*MUDAR O CURSOR AO SE APROXIMAR DOS BOTÕES */
background-color: rgb(31,31,31);
border: none;
color: #fff;

}
.botoes:hover{
background-color: chartreuse;  /*MUDA A COR DO ELEMENTO QUANDO OCORRE APROXIMAÇÃO DO MOUSE */
}

#resultado{
background-color: white;
width: 207px;
height: 30px;
margin: 5px;
color: black;
text-align: right;
padding: 5px;

}