diff --git a/src/app.css b/src/app.css
index 5ca67e0..06dd7c0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
-@config "../tailwind.config.ts";
+@config "$src/../tailwind.config.ts";
 
 @font-face {
 	font-family: 'Lineyka';
@@ -29,4 +29,8 @@
 .no-x-scroll {
 	max-width: 100%;
 	overflow-x: hidden;
+}
+
+.hero-background {
+	@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
 }
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 67b2cf0..fbeead9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -138,13 +138,7 @@
 </section>
 
 <style>
-	@import "tailwindcss";
-	@plugin "@tailwindcss/typography";
-	@config "../../tailwind.config.ts";
-
-	.hero-background {
-		@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
-	}
+	@import "$src/app.css";
 
 	section > h1 {
 		@apply font-disket mb-4 text-2xl font-bold sm:text-4xl;
diff --git a/svelte.config.js b/svelte.config.js
index 956f81e..ebf0dc8 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -26,6 +26,9 @@ const config = {
 			handleMissingId: ({ event, resolve }) => {
 				return;
 			}
+		},
+		alias: {
+			$src: "src/"
 		}
 	},
 	extensions: ['.svelte', '.md'],