diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index dbe80ec..394a10e 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -13,8 +13,8 @@
     "windows": [
       {
         "title": "Game Install",
-        "width": 800,
-        "height": 600,
+        "width": 1280,
+        "height": 720,
         "resizable": false,
         "fullscreen": false,
         "decorations": false
diff --git a/src/lib/components/layout/Header.svelte b/src/lib/components/layout/Header.svelte
index 79e64d9..62fe2b8 100644
--- a/src/lib/components/layout/Header.svelte
+++ b/src/lib/components/layout/Header.svelte
@@ -10,7 +10,7 @@
 
 </script>
 
-<header class="h-8  w-full backdrop-blur absolute top-0 window-controls flex gap-10 px-3 items-center" data-tauri-drag-region>
+<header class="h-8 z-50 w-full backdrop-blur absolute top-0 window-controls flex gap-10 px-3 items-center" data-tauri-drag-region>
 
 	<div class="flex-1" data-tauri-drag-region></div>
 
diff --git a/src/lib/components/layout/VideoWallpaper.svelte b/src/lib/components/layout/VideoWallpaper.svelte
new file mode 100644
index 0000000..e393a23
--- /dev/null
+++ b/src/lib/components/layout/VideoWallpaper.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import video from '$lib/assets/video/c9df6498_517c_4fee_a39d_72b43f3425fd.mp4';
+</script>
+
+<div class="app-wallpaper absolute top-0 -z-10" >
+	<video class=" h-screen object-cover select-none -z-10 " autoplay muted loop playsinline>
+		<source src="{video}" type="video/mp4">
+	</video>
+</div>
+
+<style lang="scss">
+
+
+</style>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fab859e..3cb80de 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,6 +3,7 @@
 	import favicon from '$lib/assets/favicon.svg';
 	import Header from '$lib/components/layout/Header.svelte';
 	import Sprite from '$lib/components/ui/Sprite.svelte';
+	import VideoWallpaper from '$lib/components/layout/VideoWallpaper.svelte';
 
 
 	let { children } = $props();
@@ -12,11 +13,13 @@
 	<link rel="icon" href={favicon} />
 	<Sprite />
 </svelte:head>
+
 <Header/>
-<div class="app-container">
-	<main class="main-content">
+<div class="relative">
+	<main class="relative z-10">
 		{@render children()}
 	</main>
+	<VideoWallpaper/>
 </div>
 
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6fe5ce3..339802a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,14 +1,12 @@
-<script lang="ts">
-	import video from '$lib/assets/video/c9df6498_517c_4fee_a39d_72b43f3425fd.mp4';
-</script>
-
-<div class="app-wallpaper" >
-	<video class="absolute  h-screen object-cover -z-10" autoplay muted loop playsinline>
-		<source src="{video}" type="video/mp4">
-	</video>
-</div>
-
-<style lang="scss">
-
-
-</style>
\ No newline at end of file
+<div class="relative pt-10 px-4 ">
+	<h1>123</h1>
+	haisdjiasjd
+	as
+	dasdasd
+	as
+	d
+	asd
+	asd
+	as
+	d
+</div>
\ No newline at end of file