Login page using TailwindCSS

login.html

<div class="min-h-screen overflow-auto bg-black text-white">
  <h1 class="py-4 text-center">Sign in to ToDo</h1>
  <div class="mx-auto max-w-md rounded border border-gray-600 bg-white bg-opacity-5 p-3">
    <input type="email" placeholder="Email" class="block w-full rounded border border-gray-500 bg-black p-2 outline-none focus:border-white" />
    <input type="password" placeholder="Password" class="mt-2 block w-full rounded border border-gray-500 bg-black p-2 outline-none focus:border-white" />
    <input type="submit" value="Sign in" class="mt-3 block w-full cursor-pointer rounded bg-purple-800 p-2 outline-none hover:bg-purple-700 focus:outline focus:outline-1 focus:outline-offset-0 focus:outline-white" />
  </div>
</div>

https://play.tailwindcss.com/2yLvVfKRof