<svelte:head>
	<title>Login - Rowblox</title>
</svelte:head>

<div class="max-w-lg mx-auto text-center text-white">
	<img class="mx-auto" src="/favicon.png" alt="" />
	<div class="flex flex-col">
		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
	</div>
	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Login</button>
</div>
