diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4a78458..c86f909 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,12 @@
 <script lang="ts">
 	import favicon from '$lib/assets/favicon.svg';
 	import '/node_modules/@rose-pine/palette/dist/css/rose-pine-hsl.css';
+	import '/node_modules/@rose-pine/palette/dist/css/rose-pine-hsl.css';
 	import 'prism-rose-pine/dist/prism-rose-pine-moon.css';
 	import './style.css';
 
+	import './style.css';
+
 	let { children } = $props();
 </script>
 
@@ -11,11 +14,9 @@
 	<link rel="icon" href={favicon} />
 </svelte:head>
 
-<div class="nav">
-	<a class="nav" href="/">Home</a>
-	<a class="nav" href="/about">About</a>
-</div>
+<nav>
+	<a href="/">Home</a>
+	<a href="/about">About</a>
+</nav>
 
-<div class="main">
-	{@render children?.()}
-</div>
+{@render children?.()}