.fade-in {
  opacity: 0;
  animation: fadeInAnimation 0.25s ease-in forwards;
}

.fade-out {
  animation: fadeOutAnimation 0.25s ease-out forwards;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}