/* Keyframes za animaciju background-a od dole prema gore */
@keyframes slideUpBackground {
  from {
    background-position: 0% 100%;
    opacity: 0;
  }
  to {
    background-position: 0% 0%;
    opacity: 1;
  }
}

/* Keyframes za animaciju elemenata od gore prema dole */
@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Animacija za footer-logo */
@keyframes slideInFooterLogo {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Animacija za footer-social-media */
@keyframes slideInFooterSocialMedia {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Animacija za footer-info */
@keyframes slideInFooterInfo {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Animacija za footer-links */
@keyframes slideInFooterLinks {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}