body
{
  background: linear-gradient(90deg, #48ABB4 , #7DB1FF);
}

h1 {
 color: #B5DEE3; 
}

#result {
  background-color: #48ABB4;
}

#container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0A4081;
  border: 3px solid #00FFFF;
  border-radius: 5%;
  padding: 20px;
}

label{
  color: #B5DEE3;
}

#num1, #num2, #num3{
  background-color: #48ABB4;
  margin: 0.5em;
}

#result{
  padding-left: 2px;
}

button {
  color: #FFF;
  background-color: #7DB1FF;
  border-radius: 10%;
  padding: 0.5em;
}

button:hover {
  background-color: #48ABB4;
}

button:focus {
  background-color: #48ABB4;
}