/*
  Файл анимаций.
  Если на слабых ПК сайт тормозит, можно временно отключить этот CSS.
*/

@keyframes heroSlides {
  0%, 28% { transform: translateX(0%); }
  33%, 61% { transform: translateX(-100%); }
  66%, 94% { transform: translateX(-200%); }
  100% { transform: translateX(0%); }
}

@keyframes heroFloat {
  0%, 100% {
    transform: perspective(1200px) rotateY(-12deg) rotateX(4deg) translateY(0);
  }
  50% {
    transform: perspective(1200px) rotateY(-8deg) rotateX(2deg) translateY(-12px);
  }
}

@keyframes serverFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}