diff --git a/src/app.css b/src/app.css
index 06dd7c0..b80ef25 100644
--- a/src/app.css
+++ b/src/app.css
@@ -26,11 +26,15 @@
 	src: url('/fonts/Disket-Mono-Bold.ttf');
 }
 
-.no-x-scroll {
-	max-width: 100%;
-	overflow-x: hidden;
-}
+.hero {
+	@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed text-slate-50;
+	text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
 
-.hero-background {
-	@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
+	h1 {
+		@apply font-disket text-4xl font-bold sm:text-6xl md:text-8xl;
+	}
+
+	h2 {
+		@apply font-sans text-xl font-bold sm:text-2xl md:text-4xl;
+	}
 }
\ No newline at end of file
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 0f5e7ab..58bd3e5 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -7,7 +7,7 @@
 </svelte:head>
 
 <section
-	class="hero-background flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
+	class="hero flex h-screen shrink-0 flex-col items-center justify-center gap-12 overflow-hidden p-4"
 >
 	<div class="flex flex-nowrap flex-col gap-5">
 		<div class="flex flex-nowrap flex-col gap-3 items-center justify-center lg:flex-row lg:flex-nowrap">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8940785..606b8a5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -9,7 +9,7 @@
 </svelte:head>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
 >
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
@@ -58,7 +58,7 @@
 		</div>
 
 		<div
-			class="font-disket text-center text-4xl font-bold text-slate-50 [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] sm:text-6xl md:text-8xl lg:text-left"
+			class="text-center font-bold lg:text-left"
 		>
 			<h1>TEA</h1>
 			<h1>SANCTUARY</h1>
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 36fb6b9..4ccf7ce 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
 >
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index ef368a7..f82f45a 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
 >
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
index c31f9f7..6fdf5e5 100644
--- a/src/routes/projects/+page.svelte
+++ b/src/routes/projects/+page.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
 >
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
diff --git a/src/routes/team/+page.svelte b/src/routes/team/+page.svelte
index c0a7bee..69d7978 100644
--- a/src/routes/team/+page.svelte
+++ b/src/routes/team/+page.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
 >
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 93dc09d..1954591 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,45 +1,12 @@
-import plugin from 'tailwindcss/plugin';
-
 /** @type {import('tailwindcss').Config} */
 export default {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 	theme: {
-		// colors: {
-		// 	white: '#FFFFFF',
-		// 	transparentblue: '#2447f779',
-		// 	blue: '#2446f7',
-		// 	black: '#000000',
-		// 	transparentblack1: '#000000BB',
-		// 	transparentblack0: '#00000011',
-		// 	darkblue: '#091856',
-		// 	navyblue: '#0f2898',
-		// 	gray: '#e2e2e2',
-		// 	lightblue: '#0092ff',
-		// 	transparent: 'transparent'
-		// },
 		extend: {
 			fontFamily: {
 				sans: ['Lineyka', 'sans-serif'],
 				disket: ['Disket Mono', 'monospace'],
 			},
-			// height: {
-			// 	// 64 px for navbar
-			// 	screen: 'calc(100vh - 64px)'
-			// },
-			// dropShadow: {
-			// 	md: '0px 0px 2px #091856',
-			// 	hover: '0px 6px 2px #091856'
-			// },
-			// backgroundImage: {
-			// 	pixel: "url('/common/pixel-overlay.png')",
-			// 	'pixel-dark': "url('/common/pixel-overlay-dark.png')",
-			// 	'pixel-white': "url('/common/pixel-overlay-white.png')",
-			// 	'pixel-large': "url('/common/pixel-overlay-large.png')"
-			// },
-			// backgroundSize: {
-			// 	pixel: '7px',
-			// 	'pixel-lg': '14px'
-			// },
 			typography: {
 				DEFAULT: {
 					css: {