.desktop-nav a,
.home-link {
  display: inline-block !important;
  transform-origin: center;
  will-change:
    font-family,
    font-weight,
    letter-spacing,
    transform,
    color,
    text-shadow;
}

.desktop-nav a:hover,
.home-link:hover {
  animation: nav-font-kaleidoscope 2.1s steps(1, end) infinite !important;
}


.desktop-nav a.active:hover,
.desktop-nav a[aria-current="page"]:hover {
  color: #ffffff !important;
}

@keyframes nav-font-kaleidoscope {
  0% {
    font-family: "Manrope", Arial, sans-serif !important;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #35594b;
    text-shadow: none;
    transform: scale(1);
  }

  14% {
    font-family: "Roboto Mono", "Courier New", monospace !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #35594b;
    text-shadow: 0 0 10px rgba(53, 89, 75, 0.14);
    transform: scale(1.025);
  }

  28% {
    font-family: Georgia, "Times New Roman", serif !important;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #2f6657;
    text-shadow: none;
    transform: skewX(-3deg) scale(1.02);
  }

  42% {
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.015em;
    color: #2f6f78;
    text-shadow: 0 0 12px rgba(47, 111, 120, 0.12);
    transform: scaleX(1.025);
  }

  56% {
    font-family: "Courier New", monospace !important;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #35594b;
    text-shadow: none;
    transform: scaleX(0.985);
  }

  70% {
    font-family: "Times New Roman", Georgia, serif !important;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.035em;
    color: #3f5f7a;
    text-shadow: 0 0 10px rgba(63, 95, 122, 0.1);
    transform: skewX(2deg) scale(1.015);
  }

  84% {
    font-family: "Roboto Mono", monospace !important;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.005em;
    color: #2f6657;
    text-shadow: none;
    transform: scale(1.025);
  }

  100% {
    font-family: "Manrope", Arial, sans-serif !important;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #35594b;
    text-shadow: none;
    transform: scale(1);
  }
}

@media (max-width: 760px) {
  .desktop-nav a:hover,
  .home-link:hover {
    animation: none !important;
  }
}