@import url('./colors.css');
@import url('./container.css');
@import url('./forms.css');
@import url('./typo.css');
@import url('./button.css');

html { scroll-behavior: smooth; }

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.animate-scroll {
  animation: scroll 10s linear infinite;
}

@media (min-width: 768px) {
  .animate-scroll {
    animation-duration: 20s;
  }
}

@keyframes sf-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(10px); }
}

.animate-sf-float {
  animation: sf-float 2.8s ease-in-out infinite;
}