.anim-fadeout {
  visibility: hidden;
  opacity: 0;
  animation: fadeout 0.2s 1 linear forwards;
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

.anim-slideup {
  animation: slideup 0.3s 1 linear forwards;
}

@keyframes slideup {
  0% {
    transform: translate(0, 30px);
    opacity: 0.75;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

.anim-slidedown {
  animation: slideup 0.3s 1 linear forwards;
}

@keyframes slidedown {
  0% {
    transform: translate(0, -30px);
    opacity: 0.75;
  }
  100% {
    transform: translate(0, 0px);
    opacity: 1;
  }
}

.fade-in {
  animation: fadein 0.75s linear;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}