<div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between bg-[#f1f5fc] dark:bg-[#232333] sticky-navbar">
  {{ with site.GetPage "_index.md" }}

  <a class="justify-center flex mb-2 sm:mb-0" aria-label="Back to home" href="/"><img class="h-[40.2667px]"
      alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
  <nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
    {{ range .Site.Menus.main }}
    <a class="active:underline decoration-2 focus:underline uppercase text-lg dark:text-[#C6DEFF] font-semibold overflow-hidden group"
      href="{{ .URL }}">
      {{ $text := print .Name | safeHTML }} {{ $text }}
    </a>
    {{ end }}
  </nav>
  {{ end }}
</div>