diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..3fb8730
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,16 @@
+<template>
+    <div class="app-background">
+        <div class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">
+            <slot />
+        </div>
+    </div>
+</template>
+
+<style>
+.app-background {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('/background.webp');  background-size: cover;
+  background-position: center;
+  background-attachment: fixed;
+  min-height: 100vh;
+}
+</style>
\ No newline at end of file