<div class="bg-accent">
<div class="h-screen w-screen flex justify-center flex-col">
<div class="max-w-sm mx-auto bg-white shadow-lg rounded-lg overflow-hidden">
<div class="p-4">
<div class="mb-4">
<input class="required:border-red-500 w-full p-2 mb-2 border rounded"
type="text"
placeholder="Username">
<input class="required:border-red-500 w-full p-2 mb-2 border rounded"
type="password"
placeholder="Password">
</div>
<div>
<button class="bg-sky-500 hover:bg-sky-700 text-white rounded-full w-full py-2">Login</button>
</div>
</div>
</div>
</div>
</div>

yo