<nav class="flex justify-between items-center px-16 bg-yellow-700 md:bg-blue-700 text-white h-14">
  <h1>Navigation</h1>
  <ul class="flex justify-between w-56">
    <a href="#">
      <li>Link</li>
    </a>
    <a href="#">
      <li>Link</li>
    </a>
    <a href="#">
      <li>Link</li>
    </a>
  </ul>
</nav>
  

  <button class="hover:bg-green-600 hover:text-green-200 bg-green-100 text-green-700 mx-20 my-20 px-6 py-2 rounded-lg">Click me!</button>
  <button class="hover:bg-blue-500 hover:text-white bg-blue-700 text-white mx-20 my-20 px-6 py-2 rounded transition-all">Click me too!</button>