/* [project]/frontend/src/components/home/home.css [app-client] (css) */
@keyframes startsida-svava {
  0%, 100% {
    transform: rotate(var(--lutning, 0deg)) translateY(0);
  }

  50% {
    transform: rotate(var(--lutning, 0deg)) translateY(-10px);
  }
}

.startsida-svavar {
  animation: 5s ease-in-out infinite startsida-svava;
}

@keyframes startsida-intoning {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.startsida-entre {
  animation: .6s ease-out both startsida-intoning;
}

.startsida-intonas {
  opacity: 0;
}

.startsida-intonas.startsida-synlig {
  animation: .6s ease-out forwards startsida-intoning;
}

@media (prefers-reduced-motion: reduce) {
  .startsida-svavar, .startsida-entre, .startsida-intonas.startsida-synlig {
    animation: none;
  }

  .startsida-intonas {
    opacity: 1;
  }
}

/*# sourceMappingURL=frontend_src_components_home_home_11puxsc.css.map*/