@keyframes fly {
    0% {
        transform: translateY(8px) rotate(1deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

[data-aos="my-fade"] {
  opacity: 0;
}
[data-aos="my-fade"].aos-animate {
  animation: fade 1.1s ease-out both;
}
@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}


@keyframes pageEnter {
  from {
    transform: translateY(4vh);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes loadingBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.35em);
  }
}

@keyframes loadingFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-0.8deg);
  }
  40% {
    transform: translate3d(0, -14px, 0) rotate(1deg);
  }
  70% {
    transform: translate3d(0, -6px, 0) rotate(-0.4deg);
  }
}