From 1239013742845581e8abc7c8c71ba9f632d2c370 Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Sat, 6 Apr 2024 13:57:52 +0200
Subject: [PATCH] css

---
 src/routes/+layout.svelte | 11 ++++++-----
 src/routes/+page.svelte   |  5 ++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bb4e508..d4bc86d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { fade } from "svelte/transition";
+	import { blur, fade } from "svelte/transition";
     import "../app.css";
 
 
@@ -24,7 +24,7 @@
         {
             name: "login",
             subPages: [],
-        }
+        },
     ];
 
     let selected = nav[0];	// keep track of the selected 'page' object.
@@ -51,12 +51,13 @@
     </ul>
     <hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/>
     {#key selected}
-        <ul in:fade={{ delay: 250 }} out:fade={{ duration: 250 }} class="text-center h-4 my-1">
+        <ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
             {#each selected.subPages as subPage}
                 <li class="sub-nav-item inline-block  font-jose"><a class="sub-nav-link text-xl p-2"href={subPage}>{subPage}</a></li>   
             {/each}
         </ul>
     {/key}
 </nav>
-
-<slot />
\ No newline at end of file
+<div class="text-center w-3/5 mx-auto">
+    <slot />
+</div>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e83ffc7..35b8262 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,4 @@
-<div class="main-container w-2/4 mx-auto text-center">
+<div class="main-container mx-auto text-center">
     <h1 class="text-xl">Welcome to my personal webpage</h1>
-    <p>My name is Christian and I live in Copenhagen. In my professional life, I recruit in product and engineering.
-    </p>
+    <p class="text-left">My name is Christian and I live in Copenhagen. In my professional life, I recruit in product and engineering.</p>
 </div>
\ No newline at end of file