Forms | LeryLey lazy chicken 4

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div
  class="w-80 rounded-lg shadow h-auto p-6 bg-white relative overflow-hidden"
>
  <div class="flex flex-col justify-center items-center space-y-2">
    <h2 class="text-2xl font-medium text-slate-700">Login</h2>
    <p class="text-slate-500">Enter details below.</p>
  </div>
  <form class="w-full mt-4 space-y-3">
    <div>
      <input
        class="outline-none border-2 rounded-md px-2 py-1 text-slate-500 w-full focus:border-blue-300"
        placeholder="Username"
        id="username"
        name="username"
        type="text"
      />
    </div>
    <div>
      <input
        class="outline-none border-2 rounded-md px-2 py-1 text-slate-500 w-full focus:border-blue-300"
        placeholder="Password"
        id="password"
        name="password"
        type="password"