<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color
  font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark
  focus:text-gray-dark" href="#0">Community</a>

<a class="block px-2 py-3 text-2xl uppercase duration-200 ease-out transition-color
  font-display text-blue-dark hover:bg-orange focus:bg-orange hover:text-gray-dark
  focus:text-gray-dark" href="#0">FAQ</a>

<a class="block px-2 py-3 text-2xl text-white uppercase duration-200 ease-out
  transition-color font-display bg-blue hover:text-gray-dark focus:text-gray-dark"
  href="#0">Register</a>