diff --git a/src/app.scss b/src/app.scss
index 0559d93..5e4d185 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -13,4 +13,8 @@ body {
.emoji {
@apply w-6 inline-block;
+}
+
+a {
+ @apply hover:text-sky-500 hover:underline text-gray-400;
}
\ No newline at end of file
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index ac8c7fe..a41c6cc 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -2,8 +2,8 @@
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4c156eb..d141749 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,13 +3,22 @@
import { ParaglideJS } from '@inlang/paraglide-sveltekit';
import '../app.scss';
+ import logo from '$lib/images/logo.png'
+
import Footer from '$lib/components/Footer.svelte';
+ import { onMount } from 'svelte';
let { children } = $props();
+
+ let div: HTMLDivElement;
+
+ onMount(() => {
+ div.style.backgroundImage = `url(${logo})`;
+ });
-
+
{@render children()}
@@ -20,7 +29,6 @@