<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="">
	<p class="text-5xl font-bold">Login to Rowblox!</p>
	<input
	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
			type="text"
			name="username"
			id="username"
			placeholder="Username" 
			/>
			<input
			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
					type="password"
					name="pass"
					id="password"
					placeholder="Password" 
					/>			

	<div class="text-xl text-white">
		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/my/profile">Login</a>
	</div>

</div>