https://play.tailwindcss.com/

tailwindplay.html

<main class="p-8">

  <!-- Menu -->
  <div class="MENU select-none border border-neutral-400 hover:border-neutral-600 rounded duration-200 p-4 text-neutral-600 text-center mb-8">
    <p class="mb-4">Menu</p>
    <nav class="space-y-2">
      <button class="w-full border border-neutral-400 rounded hover:border-neutral-600 active:scale-95 py-2 px-4 hover:bg-neutral-100">
        New Game
      </button>
      <button class="w-full border border-neutral-400 rounded hover:border-neutral-600 active:scale-95 py-2 px-4 hover:bg-neutral-100">
        Load Game
      </button>
      <button class="w-full border border-neutral-400 rounded hover:border-neutral-600 active:scale-95 py-2 px-4 hover:bg-neutral-100">
        Settings
      </button>
      <button class="w-full border border-neutral-400 rounded hover:border-neutral-600 active:scale-95 py-2 px-4 hover:bg-neutral-100">
        Credits
      </button>
    </nav>
  </div>

  <!-- Inventory -->
  <div class="INVENTORY select-none border border-neutral-400 hover:border-neutral-600 rounded duration-200 text-neutral-600 mb-8">
    <p class="my-4 text-center">Inventory</p>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
    <div class="border-t border-neutral-400 px-4 py-2 hover:bg-neutral-100 cursor-pointer">
      Rock
    </div>
  </div>

</main>