/* Keyframes za animaciju pada s vrha */
@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Inicijalno stanje za nav-menu i nav-logo */
.nav-menu,
.logo,
.floating-eng-russ,
.hamburger {
  opacity: 0;
  transform: translateY(-50px); /* Početni položaj */
  transition: opacity 1s, transform 1s; /* Trajanje tranzicije */
}

/* Kada je vidljivo, primeni animaciju */
.nav-menu.visible,
.logo.visible,
.floating-eng-russ.visible,
.hamburger.visible {
  animation: slideDown 1s forwards; /* Primeni keyframes */
}