@keyframes slideUp {
  0% {
    transform: translateY(200vh);
    -webkit-transform: translateY(200vh);
  }

  100% {
    transform: translateY(0vh);
    -webkit-transform: translateY(0vh);
  }
}

@keyframes fade {
  0% {
    opacity: 1;
    filter: invert(0%);
    background-color: #FFFFFF;
  }

  40% {
    opacity: 0.6;
    filter: invert(40%);
  }

  50% {
    opacity: 0.5;
    filter: invert(50%);
    background-color: #000000;
  }

  60% {
    opacity: 0.4;
    filter: invert(60%);
  }

  100% {
    opacity: 0;
    filter: invert(100%);
  }
}