:root {
  --mainGrey: #828489;
  --lightBlue: #b6c2d8;
  --darkBlue: #4f7fa6;
  --mainDark: #333333;
  --mainWhite: #f5f5f5;
}

body {
  background: var(--mainGrey);
}

.app-title {
  color: var(--mainWhite);
}
.submitBtn {
  background: var(--darkBlue);
  color: var(--mainWhite);
  font-size: 1.7rem;
}
.submitBtn:hover {
  background: var(--lightBlue);
  color: var(--mainDark);
}
.feedback {
  display: none;
}

.showItem {
  display: block;
}
.item {
  color: var(--mainDark);
  border-radius: 0.25rem;
  transition: all 1s ease-in-out;
  border: 0.15rem solid var(--mainDark);
}
.item:hover {
  border-color: var(--darkBlue);
  color: var(--darkBlue);
}

#input-value {
  background: transparent;
  border: none;
  border-bottom: 0.15rem solid var(--darkBlue);
  border-radius: 0;
  color: var(--mainWhite);
  font-size: 1.7rem;
}
#input-value::placeholder {
  color: var(--mainWhite);
}
.remove-icon {
  cursor: pointer;
}
.remove-icon:hover {
  transform: scale(1.4);
}