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

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

.fade-in {
  animation: fadeIn 0.3s;
  animation-fill-mode:forwards;
  animation-timing-function: ease-in;
}

.fade-out {
  animation: fadeOut 0.1s;
  animation-fill-mode:forwards;
  animation-timing-function: ease-out;
}