diff --git a/src/layouts/RootLayout.astro b/src/layouts/RootLayout.astro
index ac0dc93..8b9da3b 100644
--- a/src/layouts/RootLayout.astro
+++ b/src/layouts/RootLayout.astro
@@ -16,21 +16,24 @@ const fullTitle = `${title ? title + " – " : ""}Mikkel Svartveit`;
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.png" />
-    <meta name="viewport" content="width=device-width" />
     <title>{fullTitle}</title>
+
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
     <meta
       name="description"
       content={description ??
         "Hi, I'm Mikkel! I am a Computer Science student from Norway and this is my playground. Here you will find some programming projects, and a small collection of photos I'm proud of."}
     />
     <meta name="theme-color" content={themeColor ?? "#facc15"} />
-    <ViewTransitions fallback="none" />
 
-    <style>
-      @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Code+Pro&family=Source+Serif+Pro:wght@300;400;600&display=swap");
-    </style>
+    <link rel="icon" href="/favicon.png" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Code+Pro&family=Source+Serif+Pro:wght@300;400;600&display=swap"
+    />
+
+    <ViewTransitions fallback="none" />
   </head>
 
   <body class={`bg-gray-50 ${hideScrollbar ? "" : "overflow-y-scroll"}`}>
