<script>
	import '../app.css';
</script>

<nav class="navbar fixed top-0 bg-base-100 h-12 z-40">
	<div class="navbar-start h-full">
		<a class="h-full" href="/">
			<img class="rounded h-full" src="/img/craftattack-logo.webp" alt="Logo" />
		</a>
	</div>
	<div class="navbar-center flex space-x-20">
		<a class="link" href="/register">Anmelden</a>
		<a class="link" href="/rules">Regeln</a>
	</div>
	<div class="navbar-end" />
</nav>

<main class="flex min-h-[calc(100vh-64px-16px)] mt-16 mb-4">
	<slot />
</main>