body {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-color: #3c1642;
  color: white;
}

.container {
  display: grid;
  /* margin: auto; */
}
h1 {
  padding: 20px;
  justify-self: center;
}
.container > div {
  margin: auto;
  flex-direction: column;
}
label {
  font-size: 20px;
}
.boxTemperature {
  font-size: 20px;
  height: 20px;
  padding: 12px;
  width: 100px;
  border-radius: 14px;
}
.btns {
  padding: 20px;
  margin: 5px;
}

button {
  font-size: 16px;
  margin: 20px;
  background-color: rgb(15, 131, 29);
  padding: 10px;
  border: rgb(0, 255, 119) solid 2px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
}

button:hover {
  border: rgb(201, 240, 42) solid 2px;
}