header .desktop-navigation ul {
      display: flex
    }
    header .desktop-navigation ul > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(3.5rem * var(--tw-space-x-reverse));
      margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    header .desktop-navigation ul li {
        font-family: "IBM Plex Mono", monospace;
        font-size: 0.875rem;
        font-weight: 500;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition-duration: 200ms;
        transition-timing-function: linear;
      }
    header .desktop-navigation ul li strong {
          --tw-text-opacity: 1;
          color: rgba(0, 80, 160, var(--tw-text-opacity));
        }
  header.header-up {
    --tw-translate-y: -4rem;
  }

@media (min-width: 768px) {
    header.header-up {
      --tw-translate-y: -6rem;
    }
}