@keyframes bob {
    from {
      transform: translate(0,  0px);
    }
    55% {
      transform: translate(0, 10px);
     }
    to {
      transform: translate(0, -0px);
    }
}

@keyframes lift1 {
    from {
      transform: translate(0,  0px);
    }
    55% {
      transform: translate(0, 25px);
     }
    to {
      transform: translate(0, -0px); }
}

@keyframes lift2 {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-20px);
  }
  75% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(-20px);
  }
}

@keyframes lift3 {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-20px) translateX(20px);
  }
  50% {
    transform: translateY(-20px) translateX(20px);
  }
  75% {
    transform: translateY(-20px) translateX(20px);
  }
  100% {
    transform: translateY(-20px) translateX(20px);
  }
}

@keyframes lift4 {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(20px) translateX(20px);
  }
  50% {
    transform: translateY(20px) translateX(20px);
  }
  75% {
    transform: translateY(20px) translateX(20px);
  }
  100% {
    transform: translateY(20px) translateX(20px);
  }
}

@keyframes lift5 {
  0% {
    transform: translateY(0px)
  }
  25% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(20px);
  }
  75% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(20px);
  }
}

@keyframes lift6 {
  0% {
    transform: translateY(0px)
  }
  25% {
    transform: translateY(20px) translateX(-20px);
  }
  50% {
    transform: translateY(20px) translateX(-20px);
  }
  75% {
    transform: translateY(20px) translateX(-20px);
  }
  100% {
    transform: translateY(20px) translateX(-20px);
  }
}

@keyframes lift7 {
  0% {
    transform: translateY(0px)
  }
  25% {
    transform: translateY(-20px) translateX(-20px);
  }
  50% {
    transform: translateY(-20px) translateX(-20px);
  }
  75% {
    transform: translateY(-20px) translateX(-20px);
  }
  100% {
    transform: translateY(-20px) translateX(-20px);
  }
}
