diff --git a/astro.config.mjs b/astro.config.mjs
index 3c70395..a285731 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -32,6 +32,7 @@ export default defineConfig({
 			editLink: {
 				baseUrl: 'https://github.com/moritz-hoelting/shulkerscript-webpage/edit/main',
 			},
+			customCss: ['./src/styles/style.css'],
 			plugins: [starlightLinksValidator({
 				errorOnFallbackPages: false,
 			})],
diff --git a/src/styles/style.css b/src/styles/style.css
new file mode 100644
index 0000000..1de03bc
--- /dev/null
+++ b/src/styles/style.css
@@ -0,0 +1,8 @@
+:root {
+    --purple-hsl: 255, 60%, 60%;
+    --overlay-blurple: hsla(var(--purple-hsl), .2);
+}
+
+[data-has-hero] .page {
+    background: linear-gradient(215deg,var(--overlay-blurple),transparent 40%),radial-gradient(var(--overlay-blurple),transparent 40%) no-repeat -30vw -20vh / 105vw 200vh,radial-gradient(var(--overlay-blurple),transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem
+}
\ No newline at end of file