:root {
  --mainBlack: #333333;
  --mainWhite: #f5f5f5;
  --mainYellow: #ffd166;
  --mainGreen: #78e0c5;
  --mainBlue: #118ab2;
  --darkBlue: #073b4c;
}
body {
  background: var(--mainWhite);
  color: var(--mainBlack);
}
.card {
  box-shadow: 0 10px 15px rgb(0, 0, 0);
  background: var(--mainGreen);
}
.cityInput {
  border: 0.15rem solid var(--mainBlue);
  background: transparent !important;
  font-size: 1.5rem;
  color: var(--mainBlue);
}
input:focus {
  background: transparent !important;
}

.submitBtn {
  background: var(--mainBlue);
  border: 0.15rem solid var(--mainBlue);
  font-size: 1.5rem;
  cursor: pointer;
  opacity: 0.7;
}
.submitBtn:hover {
  opacity: 1;
}
.feedback {
  display: none;
}
.results {
  display: none;
}
.showItem {
  display: block;
}