diff --git a/src/app.html b/src/app.html
index 73dd34a..245305c 100644
--- a/src/app.html
+++ b/src/app.html
@@ -4,10 +4,6 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="stylesheet" href="/bulma/bulma.css" />
-        <link rel="stylesheet" href="/fonts/faktos.css">
-        <link rel="stylesheet" href="/fonts/dosis/dosis.css">
-        <link rel='stylesheet' href='/global.css'>
 		%svelte.head%
 	</head>
 	<body>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index c06ebc8..c7121fd 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,6 +1,20 @@
 <App />
 
-<script>
-  import App from '../components/App.svelte';
-</script>
+<svelte:head>
+  {#each stylesheets as href (href)}
+    <link rel="stylesheet" {href} />
+  {/each}
+</svelte:head>
 
+<script>
+  import { base } from "$app/paths";
+  import App from "../components/App.svelte";
+
+  const stylesheets = [
+    "/bulma/bulma.css",
+    "/fonts/faktos.css",
+    "/fonts/dosis/dosis.css",
+    "/global.css",
+  ].map((ss) => base + ss);
+
+</script>
