feat: center gallery grid

src/lib/components/Questions.svelte

@@ -278,7 +278,7 @@
 			</section>
 		{:else}
 			<div class="button-wrapper">
-				<Button on:click={() => submit()}>Möchtet Ihr diese königliche Einladung annehmen?</Button>
+				<Button on:click={() => submit()}>Einladung versenden</Button>
 			</div>
 		{/if}
 	{/if}

src/lib/components/confetti.svelte

@@ -17,7 +17,7 @@
 	});
 
 	onMount(async () => {
-		const confetti = (await import('https://esm.run/canvas-confetti')).default;
+		const confetti = (await import('./confetti')).default;
 		confettiCanvas.width = window.innerWidth / 2;
 		confettiCanvas.height = window.innerHeight / 2;
 
@@ -54,7 +54,7 @@
 
 <style>
 	canvas {
-		position: absolute;
+		position: fixed;
 		top: 0px;
 		left: 0px;
 		pointer-events: none;

src/routes/gallery/+page.svelte

@@ -24,7 +24,7 @@
 	});
 </script>
 
-<div>
+<div class="wrapper">
 	<h1>Gallerie</h1>
 	<div class="grid">
 		{#each items as item}
@@ -47,7 +47,14 @@
 		display: grid;
 		grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
 		padding-bottom: 100px;
+		justify-content: center;
 	}
+
+	.item {
+		width: 90%;
+		margin: 0 auto;
+	}
+
 	h1 {
 		font-size: 5rem;
 		font-family: Parisienne, cursive;
@@ -87,7 +94,7 @@
 		background-image: url(/pattern.jpg) !important;
 		backdrop-filter: brightness(0.5) !important;
 	}
-	div {
+	.wrapper {
 		max-width: 1300px;
 		width: 80%;
 		margin: 0 auto;

static/hang.png:Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-HostUrl=about:internet