.eleventy-navigation .nav-list {
  @apply mx-3 flex gap-2 md:mx-6 md:gap-3;
}

.eleventy-navigation .nav-link {
  @apply rounded-xl px-4 py-2 text-base sm:text-lg md:text-xl capitalize text-white transition-all duration-300 hover:bg-sky-900 hover:shadow-lg md:m-0 md:max-h-12 hover:dark:bg-sky-800;
}

.eleventy-navigation a.active {
  @apply bg-sky-900 shadow-lg dark:bg-sky-800;
}
