diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 845dae4..757b744 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -18,7 +18,7 @@
 
 <style>
 	.navbar {
-		@apply flex items-center justify-between border-slate-200 bg-slate-100 px-6 py-2 drop-shadow;
+		@apply flex items-center justify-between border-slate-200 bg-slate-100 px-6 py-2 font-display drop-shadow;
 	}
 
 	.navbar h1 {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b283e7d..fa25cf6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import Loader from '$lib/components/Loader.svelte';
 
 	$effect(() => {
 		const id = setTimeout(() => {
-			window.location.href = '/app';
+			goto('/app');
 		}, 1500);
 		return () => {
 			clearTimeout(id);
@@ -21,6 +22,6 @@
 		@apply flex h-screen w-screen flex-col items-center justify-center gap-6 bg-slate-100;
 	}
 	.site-loader h1 {
-		@apply text-4xl;
+		@apply font-display text-4xl;
 	}
 </style>
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e61b52f..228b779 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -5,8 +5,12 @@ export default {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 
 	theme: {
-		extend: {}
+		extend: {
+			fontFamily: {
+				display: ['Baskervville SC']
+			}
+		}
 	},
 
 	plugins: [typography]
-} satisfies Config;
+} satisfies Config;
\ No newline at end of file