body {
  background: radial-gradient(
    circle,
    rgb(99, 98, 30) 0%,
    rgb(13, 75, 94) 100%
  );
}
.container {
  margin-top: 2rem;
  max-width: 25rem;
  background: radial-gradient(
    circle,
    rgb(99, 98, 30) 0%,
    rgb(13, 75, 94) 100%
  );
  border-radius: 10px;
  box-shadow: 1px 2px 10px #ccc;
}
#weatherwidget {
  min-height: 18rem;
  background-image: url(images.png);
  border-radius: 5px;
}
.card {
  width: 100%;
}
.card .card-subtitle {
  font-size: 4rem;
}
.card .cel:after {
  content: "°C";
  position: absolute;
  font-size: 2.5rem;
  margin-top: 0.3rem;
  font-weight: 400;
}
.card .far:after {
  content: "°F";
  position: absolute;
  font-size: 2.5rem;
  margin-top: 0.3rem;
  font-weight: 400;
}
.units a {
  color: #666;
  text-decoration: none;
}
.units a.active {
  color: #ccc;
}
footer{
    text-align: center;
}