diff --git a/src/app.html b/src/app.html
index e4218fa..da2ad9c 100644
--- a/src/app.html
+++ b/src/app.html
@@ -4,8 +4,13 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
+
+        <!-- Change theme for site here -->
+        <link rel="stylesheet" href="/stylesheets/main-theme.css" />
         <link rel="stylesheet" href="/stylesheets/global.css" />
+
+		%sveltekit.head%
+
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 69cdfc2..8c398a2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,10 +1,8 @@
 <!-- Theme load -->
 <svelte:head>
     <script>
-        import { theme } from '../global-stores.js';
     </script>
 
-    <link rel="stylesheet" href="/stylesheets/main-theme.css" />
 </svelte:head>
 
 <div class="main-title">
@@ -13,15 +11,8 @@
 
 
 <style>
-    @font-face {
-        font-family: 'CozetteVector';
-        src:
-            local("CozetteVector"),
-            url('/fonts/CozetteVector.ttf') format('truetype');
-    }
-
     .main-title {
-        font-family: 'CozetteVector';
+        font-family: "CozetteVector";
         margin: 0 auto;
         width: 80%;
         text-align: center;
diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css
index ce42887..8c0b2c9 100644
--- a/static/stylesheets/global.css
+++ b/static/stylesheets/global.css
@@ -1,3 +1,11 @@
+/* --- FONTS --- */
+@font-face {
+  font-family: "CozetteVector";
+  src:
+    local("CozetteVector"),
+    url("/fonts/CozetteVector.ttf") format("truetype");
+}
+
 body {
     color: var(--text);
     background-color: var(--background);
