feat: configure fonts

src/routes/+page.svelte

@@ -5,17 +5,24 @@
 	import Maskenball from '$lib/components/maskenball.svelte';
 </script>
 
-<div class="drapery" />
-<img class="curtain-right" src="/curtain.png" />
-<img class="curtain-left" src="/curtain.png" />
+<div class="background">
+	<div class="drapery" />
+	<img class="curtain-right" src="/curtain.png" />
+	<img class="curtain-left" src="/curtain.png" />
+</div>
 <Confetti />
-<Mask />
-<Maskenball />
+<div class="mask-anim">
+	<Mask />
+</div>
+<!-- <Maskenball /> -->
 <div class="center">
 	<Button>Eintreten</Button>
 </div>
 
 <style>
+	.background {
+		opacity: 0.9;
+	}
 	.center {
 		display: flex;
 		justify-content: center;
@@ -23,6 +30,7 @@
 	}
 	.drapery {
 		background-image: url('/drapery.png');
+		background-position: center top;
 		position: absolute;
 		top: -50px;
 		left: 0px;
@@ -64,6 +72,9 @@
 			transform: translateX(15%) rotate(0deg);
 		}
 	}
+	.mask-anim {
+		margin-top: 100px;
+	}
 	img.curtain-left {
 		transform: scaleX(-1);
 		position: fixed;