update rules

src/routes/rules/+layout.svelte

@@ -1,3 +1,3 @@
-<div class="mx-4 sm:mx-48">
+<div class="mx-4 my-6 sm:mx-48 sm:my-12">
 	<slot />
 </div>

src/routes/rules/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { rules } from '$lib/rules';
+	import { rulesLong } from '$lib/rules';
 </script>
 
 <svelte:head>
@@ -7,14 +7,14 @@
 </svelte:head>
 
 <h1 class="text-3xl lg:text-5xl mb-4">CraftAttack 6 Regelwerk</h1>
-<p>{rules.header}</p>
+<p>{rulesLong.header}</p>
 <ol class="p-[revert] list-decimal my-6">
-	{#each rules.sections as section}
+	{#each rulesLong.sections as section}
 		<li class="mb-2">
 			{section.content}
 		</li>
 	{/each}
 </ol>
 <p>
-	{rules.footer}
+	{rulesLong.footer}
 </p>