<script lang="ts">
	import { rules } from '$lib/rules';
</script>

<svelte:head>
	<title>Craftattack - Regeln</title>
</svelte:head>

<h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 6 Regelwerk</h1>
<p>{rules.header}</p>
<ol class="p-[revert] list-decimal my-6">
	{#each rules.sections as section}
		<li class="mb-2">
			{section.content}
		</li>
	{/each}
</ol>
<p>
	{rules.footer}
</p>
