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

<div class="max-w-lg text-left text-black">
    <p class="text-4xl text-left font-['Helvetica'] font-bold mt-20 py-5">Games</p>
    <div class="text-xl text-blue-500">
		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500 hover:bg-blue-300" href="/my/places">Create a game</a>
	</div>
</div>
 
<div class="rounded-lg border border-gray-400 w-52 mt-10 h-60 flex-auto">
    <div class="p-2">
        <h1 class="mb-2 text-xl font-bold">ORC Court</h1>
        <img class="w-44 h-32 mx-auto" src="/img/worker.png" alt="" />
        <p class="text-bold">Welcome to Court!</p>
    </div>
    <div class="text-xl text-white">
		<a class="px-5 py-1 rounded shadow-lg border-2 bg-green-500 mx-2" href="/game/id">Play</a>
	</div> 
    </div>
   







