body {
  font-family: "monospace";
  color: antiquewhite;
}

li {
  list-style: none;
}
li::first-letter {
  text-transform: capitalize;
}
h1 {
  margin-left: 30px;
  margin-top: 10px;
}
h2 {
  display: inline-block;
}
input,
button {
  border-radius: 5px;
}

#celsius-link,
#fahrenheit-link {
  position: relative;
  top: -10px;
}

.container {
  background-image: linear-gradient(
    to top,
    #4fb576 0%,
    #44c489 30%,
    #28a9ae 46%,
    #28a2b7 59%,
    #4c7788 71%,
    #6c4f63 86%,
    #432c39 100%
  );
  width: 750px;
  margin: 60px auto 0;
  padding: 40px;
  border-radius: 10px;
}

.card {
  color: black;
  margin: auto;
  background-color: transparent;
}
.card-text {
  text-align: center;
}

.dayCard {
  margin: 1px;
}

.link {
  background-image: none;
  width: 750px;
  margin: auto;
  padding: 0px;
  border-radius: 10px;
  color: black;
}
.active {
  color: antiquewhite;
}

.active:hover {
  text-decoration: none;
}