Tailwind Collection

Gradient_centered_login_form.html

**Gradient centered page login form**
<div class="flex justify-center items-center h-screen bg-gradient-to-br from-green-400 to-blue-500 ..">

<div>
  <form class=" text-center text-xl font-thin shadow-2xl rounded-lg border border-white bg-transparent p-4 sm:w-96 ">
    <label for="name" class="text-white text-center ">Email</label>
    <input type="text" class="w-full block bg-transparent border-2 rounded-3xl focus:outline-none px-4 py-2 mb-3 hover:outline-none focus:border-indigo-800 ">
    <label for="name" class="text-white mt-6">Password</label>
    <input type="text" class=" w-full block bg-transparent border-2 rounded-3xl focus:outline-none focus:border-indigo-800  px-4 py-2">
  </form>
</div>
</div>  
[Link](https://play.tailwindcss.com/BDVxkYF3NC)