*{
  margin: 0;
  padding: 0;
}
.container{
  background-image: linear-gradient(45deg,black, rgb(29, 27, 27));
  height: 100vh;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.calculadora{
  position: absolute;
  background-color: rgb(19, 18, 18);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 15px;
  padding: 15px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.botao{
  background-color: rgb(44, 43, 43);
  width: 50px;
  height: 50px;
  font-size: 25px;
  cursor: pointer;
  border: none;
  color: white;
  margin: 3px;
  border-radius: 0.2rem;
}
 .botao:hover{
   background-color: black

 }
#resultado{
  width: 207px;
  background-color: rgb(180, 178, 178);
  height: 30px;
  margin: 5px;
  font-size: 25px;
  color: black;
  text-align: right;
  padding: 8px;
}

h1{
  color: rgb(197, 189, 189);
}

#clear{
  background-color: orangered;
}