/* Larger Lottie animation for hero section */
.lottie-hero {
  width: 420px;
  height: 420px;
  max-width: 100%;
  max-height: 60vh;
  display: block;
  margin: 0 auto;
}
/* Custom styles for mChyna site. Add overrides and custom classes here. */

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

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

.animate-floatSlow {
  animation: floatSlow 12s ease-in-out infinite;
}

.animate-floatSlowReverse {
  animation: floatSlowReverse 14s ease-in-out infinite;
}