download selection wip, wrapper fix

src/routes/__layout.svelte

@@ -4,6 +4,7 @@ import Button from "$lib/components/atoms/Button.svelte";
 import NavHost from "$lib/components/molecules/NavHost.svelte";
 import SocialButton from "$lib/components/atoms/SocialButton.svelte";
 import SocialHost from "$lib/components/molecules/SocialHost.svelte";
+import Wave from '$lib/components/atoms/Wave.svelte';
 
 </script>
 
@@ -28,6 +29,7 @@ import SocialHost from "$lib/components/molecules/SocialHost.svelte";
 <NavHost></NavHost>
 <slot />
 <SocialHost />
+<Wave />
 
 <style>
 	:global(*) {
@@ -50,6 +52,11 @@ import SocialHost from "$lib/components/molecules/SocialHost.svelte";
 		background-color: #0f111a;
 	}
 
+	:global(.wrapper) {
+		margin-left: 6rem;
+		margin-right: 6rem;
+	}
+
 	:root {
 		--white: #ffe1e1;
 		--red: #ff4151;

src/routes/credits.svelte

@@ -1,7 +1,5 @@
 <script>
-	import Wave from '$lib/components/atoms/Wave.svelte';
     import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
-	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
     </script>
 
 <div class="wrapper">

src/routes/download.svelte

@@ -0,0 +1,7 @@
+<script>
+    import DownloadSelectionHost from '$lib/components/molecules/DownloadSelectionHost.svelte';
+</script>
+
+<div class="wrapper">
+    <DownloadSelectionHost></DownloadSelectionHost>
+</div>

src/routes/index.svelte

@@ -1,6 +1,5 @@
 <script>
 	import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
-	import Wave from '$lib/components/atoms/Wave.svelte';
 	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
 </script>
 
@@ -9,12 +8,3 @@
 	<HeroImage />
 </div>
 
-<Wave />
-
-
-<style>
-	.wrapper {
-		padding-left: 6rem;
-		padding-right: 6rem;
-	}
-</style>