<div class="p-4 min-h-[40.27px] flex flex-row w-full justify-between bg-black">
  <a href="/"><img class="w-44 h-auto" src="{{ .Site.Params.logo }}" /></a>
  <nav class="place-self-center h-8 flex justify-end gap-2 text-white pr-6">
    {{ range .Site.Menus.main }} {{ if $.IsMenuCurrent .Menu . }}
    <a
      class="ml-2 underline underline-offset-0 decoration-2 decoration-transparent decoration-white underline-offset-2 place-self-center"
      href="{{ .URL }}"
    >
      {{ $text := print .Name | safeHTML }} {{ $text }}
    </a>
    {{ else }}
    <a
      class="ml-2 underline underline-offset-0 decoration-2 decoration-transparent hover:decoration-white hover:underline-offset-2 ease-in-out duration-300 place-self-center"
      href="{{ .URL }}"
    >
      {{ $text := print .Name | safeHTML }} {{ $text }}
    </a>
    {{ end }} {{ end }}
  </nav>
</div>