@keyframes floating {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-18px);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes floatingCard {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}
@keyframes bars {
  from {
    transform: scaleY(0.75);
  }

  to {
    transform: scaleY(1);
  }
}
/*=========================================
        MARQUEE
=========================================*/

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}