/* Animations */

@keyframes from-left {
  0% {
    left: -5vw;
  }

  30% {
    left: -5vw;
  }

  100% {
    left: -20vw;
  }
}

@keyframes from-right {
  0% {
    right: -5vw;
  }

  30% {
    right: -5vw;
  }

  100% {
    right: -20vw;
  }
}

@keyframes from-top {
  0% {
    top: -5vw;
  }

  30% {
    top: -5vw;
  }

  100% {
    top: -20vw;
  }
}

@keyframes from-bottom {
  0% {
    bottom: -5vw;
  }

  30% {
    bottom: -5vw;
  }

  100% {
    bottom: -20vw;
  }
}