@keyframes motion1 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
    animation-timing-function: cubic-bezier(0, .72, .21, .99);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes motion2 {
  0% {
    opacity: 0;
    transform: scale(.1);
    animation-timing-function: cubic-bezier(.36, 1.83, .21, .99);
  }

  100% {
    opacity: 1;
  }
}

@keyframes motion3 {
  0% {
    opacity: 0;
    transform: scale(2);
    animation-timing-function: cubic-bezier(.36, 1.83, .21, .99);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes motion4 {
  0% {
    opacity: 1;
    transform: scale(1.5);
    animation-timing-function: cubic-bezier(0, 0.8, 0.25, 1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes motion5 {
  100% {
    opacity: 1;
  }
}

@keyframes motion6 {
  0% {
    opacity: 0;
    transform: rotate(90deg) scale(0.1);
    animation-timing-function: cubic-bezier(.05, .82, .32, .99);
  }

  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes motion7 {
  0% {
    opacity: 1;
    transform: scale(1.1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes motion8 {
  0% {
    opacity: 0;
    transform: scale(.1);
    animation-timing-function: cubic-bezier(.36, 1.83, .21, .99);
    border-radius: 150px 150px 150px 150px;
  }

  100% {
    opacity: 1;
    border-radius: 150px 150px 150px 150px;
  }
}

@keyframes motion9 {
  0% {
    opacity: 0;
    transform: translateX(-50px);
    animation-timing-function: cubic-bezier(0, .72, .21, .99);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes motion10 {
  0% {
    opacity: 0;
    transform: scale(3);
    animation-timing-function: cubic-bezier(.09, .85, .15, .99);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes motion11 {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes motion11a {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.25, .1, .25, 1);
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes motion12 {
  0% {
    opacity: 1;
    transform: translateX(-1500px);
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }

  100% {
    opacity: 1;
    transform: translateX(1600px);
  }
}

@keyframes motion13 {
  0% {
    opacity: 1;
    transform: translateX(-1900px);
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}