<div class="bg-grey-900 flex h-full items-center justify-center">
	<div class="flex flex-col items-center justify-center gap-1 rounded-lg bg-gray-900 p-8 shadow-lg">
		<h1 class="m-[0] text-6xl">Quizlet</h1>
		<p class="m-[0] mb-2 text-lg text-gray-400">The best ever kahoot clone.</p>
		<a href="./kahootclone/join">
			<button
				class="cursor-pointer rounded-full bg-green-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
				>Join a game</button
			></a
		>
		<a href="./kahootclone/create">
			<button
				class="cursor-pointer rounded-full bg-blue-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
				>Create and Host a game</button
			>
		</a>
	</div>
</div>
