body {
  font-family: "poppins", Helvetica, sans-serif;
  background-color: hsla(0, 0%, 73%, 0.418) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.weatherForm {
  margin: 20px;
}
.weatherForm .cityInput {
  font-weight: bold;
  border-radius: 10px;
}
.weatherForm button[type=submit] {
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.weatherForm button[type=submit]:hover {
  background-color: hsl(122, 39%, 40%);
}

.cardz {
  background: -webkit-gradient(linear, left top, left bottom, from(hsl(210, 65%, 59%)), to(hsl(40, 89%, 64%)));
  background: linear-gradient(180deg, hsl(210, 65%, 59%), hsl(40, 89%, 64%));
  padding: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 5px hsla(0, 0%, 0%, 0.5);
          box-shadow: 2px 2px 5px hsla(0, 0%, 0%, 0.5);
  min-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cardz h1 {
  font-size: 3.5rem;
  margin-top: 0;
  margin-bottom: 25px;
}
.cardz p {
  font-size: 1.5rem;
  margin: 5px 0;
}
.cardz .cityDisplay, .cardz .tempDisplay {
  font-size: 3.5rem;
  font-weight: bold;
  color: hsla(0, 0%, 0%, 0.75);
  margin-bottom: 25px;
}
.cardz .humidityDisplay {
  font-weight: bold;
  margin-bottom: 25px;
}
.cardz .descDisplay {
  font-style: italic;
  font-weight: bold;
  font-size: 2rem;
}
.cardz .weatherEmoji {
  margin: 0;
  font-size: 7.5rem;
}
.cardz .errorDisplay {
  font-size: 2.5rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}/*# sourceMappingURL=weather.css.map */