diff --git a/public/fonts/JetBrainsMono-Bold.woff2 b/public/fonts/JetBrainsMono-Bold.woff2
new file mode 100644
index 0000000..81c5a21
Binary files /dev/null and b/public/fonts/JetBrainsMono-Bold.woff2 differ
diff --git a/public/fonts/JetBrainsMono-BoldItalic.woff2 b/public/fonts/JetBrainsMono-BoldItalic.woff2
new file mode 100644
index 0000000..c41e86c
Binary files /dev/null and b/public/fonts/JetBrainsMono-BoldItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-ExtraBold.woff2 b/public/fonts/JetBrainsMono-ExtraBold.woff2
new file mode 100644
index 0000000..0c9b80a
Binary files /dev/null and b/public/fonts/JetBrainsMono-ExtraBold.woff2 differ
diff --git a/public/fonts/JetBrainsMono-ExtraBoldItalic.woff2 b/public/fonts/JetBrainsMono-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..70d1719
Binary files /dev/null and b/public/fonts/JetBrainsMono-ExtraBoldItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-ExtraLight.woff2 b/public/fonts/JetBrainsMono-ExtraLight.woff2
new file mode 100644
index 0000000..7efdba1
Binary files /dev/null and b/public/fonts/JetBrainsMono-ExtraLight.woff2 differ
diff --git a/public/fonts/JetBrainsMono-ExtraLightItalic.woff2 b/public/fonts/JetBrainsMono-ExtraLightItalic.woff2
new file mode 100644
index 0000000..c5e04ab
Binary files /dev/null and b/public/fonts/JetBrainsMono-ExtraLightItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Italic.woff2 b/public/fonts/JetBrainsMono-Italic.woff2
new file mode 100644
index 0000000..4103d39
Binary files /dev/null and b/public/fonts/JetBrainsMono-Italic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Italic[wght].woff2 b/public/fonts/JetBrainsMono-Italic[wght].woff2
new file mode 100644
index 0000000..5e8a82e
Binary files /dev/null and b/public/fonts/JetBrainsMono-Italic[wght].woff2 differ
diff --git a/public/fonts/JetBrainsMono-Light.woff2 b/public/fonts/JetBrainsMono-Light.woff2
new file mode 100644
index 0000000..9c79c9d
Binary files /dev/null and b/public/fonts/JetBrainsMono-Light.woff2 differ
diff --git a/public/fonts/JetBrainsMono-LightItalic.woff2 b/public/fonts/JetBrainsMono-LightItalic.woff2
new file mode 100644
index 0000000..f299082
Binary files /dev/null and b/public/fonts/JetBrainsMono-LightItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Medium.woff2 b/public/fonts/JetBrainsMono-Medium.woff2
new file mode 100644
index 0000000..fe43423
Binary files /dev/null and b/public/fonts/JetBrainsMono-Medium.woff2 differ
diff --git a/public/fonts/JetBrainsMono-MediumItalic.woff2 b/public/fonts/JetBrainsMono-MediumItalic.woff2
new file mode 100644
index 0000000..d9b8fc5
Binary files /dev/null and b/public/fonts/JetBrainsMono-MediumItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Regular.woff2 b/public/fonts/JetBrainsMono-Regular.woff2
new file mode 100644
index 0000000..66c5467
Binary files /dev/null and b/public/fonts/JetBrainsMono-Regular.woff2 differ
diff --git a/public/fonts/JetBrainsMono-SemiBold.woff2 b/public/fonts/JetBrainsMono-SemiBold.woff2
new file mode 100644
index 0000000..936fcd0
Binary files /dev/null and b/public/fonts/JetBrainsMono-SemiBold.woff2 differ
diff --git a/public/fonts/JetBrainsMono-SemiBoldItalic.woff2 b/public/fonts/JetBrainsMono-SemiBoldItalic.woff2
new file mode 100644
index 0000000..bbabaae
Binary files /dev/null and b/public/fonts/JetBrainsMono-SemiBoldItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono-Thin.woff2 b/public/fonts/JetBrainsMono-Thin.woff2
new file mode 100644
index 0000000..6679b8f
Binary files /dev/null and b/public/fonts/JetBrainsMono-Thin.woff2 differ
diff --git a/public/fonts/JetBrainsMono-ThinItalic.woff2 b/public/fonts/JetBrainsMono-ThinItalic.woff2
new file mode 100644
index 0000000..fb290e0
Binary files /dev/null and b/public/fonts/JetBrainsMono-ThinItalic.woff2 differ
diff --git a/public/fonts/JetBrainsMono[wght].woff2 b/public/fonts/JetBrainsMono[wght].woff2
new file mode 100644
index 0000000..856547f
Binary files /dev/null and b/public/fonts/JetBrainsMono[wght].woff2 differ
diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro
index 1dd8999..d94b6f5 100644
--- a/src/components/BlogItem.astro
+++ b/src/components/BlogItem.astro
@@ -1,5 +1,5 @@
 ---
-import TerminalBorder from "../components/TerminalBorder.astro";
+import TerminalBorder from "@components/TerminalBorder.astro";
 
 function formatDate(date: Date) {
     const day = date.getDate();
diff --git a/src/components/Markdown.astro b/src/components/Markdown.astro
index c9b7108..104b57e 100644
--- a/src/components/Markdown.astro
+++ b/src/components/Markdown.astro
@@ -1,10 +1,10 @@
 ---
-import "../styles/markdown/asides.css";
-import "../styles/markdown/markdown.css";
-import "../styles/markdown/props.css";
-import "../styles/markdown/reset.css";
-import "../styles/markdown/shiki.css";
-import "../styles/markdown/util.css";
+import "@styles/markdown/asides.css";
+import "@styles/markdown/markdown.css";
+import "@styles/markdown/props.css";
+import "@styles/markdown/reset.css";
+import "@styles/markdown/shiki.css";
+import "@styles/markdown/util.css";
 ---
 
 <div class="sl-markdown-content">
diff --git a/src/components/Project.astro b/src/components/Project.astro
index bacfe2a..2608d99 100644
--- a/src/components/Project.astro
+++ b/src/components/Project.astro
@@ -1,6 +1,6 @@
 ---
-import TerminalBorder from "../components/TerminalBorder.astro";
-import Link from "../components/Link.astro";
+import TerminalBorder from "@components/TerminalBorder.astro";
+import Link from "@components/Link.astro";
 
 interface Props {
     title: string;
diff --git a/src/components/RadarChart.astro b/src/components/RadarChart.astro
index 2b2a54d..f18bc21 100644
--- a/src/components/RadarChart.astro
+++ b/src/components/RadarChart.astro
@@ -1,5 +1,5 @@
 ---
-import "../styles/terminal.css"
+import "@styles/terminal.css"
 
 interface Entry {
     name: string;
diff --git a/src/layouts/Blog.astro b/src/layouts/Blog.astro
index 0300b59..46985d0 100644
--- a/src/layouts/Blog.astro
+++ b/src/layouts/Blog.astro
@@ -1,5 +1,5 @@
 ---
-import Markdown from "../components/Markdown.astro";
+import Markdown from "@components/Markdown.astro";
 
 interface Props {
     title: string;
diff --git a/src/layouts/Terminal.astro b/src/layouts/Terminal.astro
index ca2eac0..927b3e6 100644
--- a/src/layouts/Terminal.astro
+++ b/src/layouts/Terminal.astro
@@ -1,6 +1,6 @@
 ---
-import "../styles/terminal.css";
-import Nav from "../components/Nav.astro";
+import "@styles/terminal.css";
+import Nav from "@components/Nav.astro";
 
 interface Props {
     path: string;
diff --git a/src/pages/404.astro b/src/pages/404.astro
index f5db977..6d1bd87 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,6 +1,6 @@
 ---
-import TerminalBorder from "../components/TerminalBorder.astro"
-import Terminal from "../layouts/Terminal.astro"
+import TerminalBorder from "@components/TerminalBorder.astro"
+import Terminal from "@layouts/Terminal.astro"
 
 const url = new URL(Astro.request.url).pathname.substring(1);
 ---
diff --git a/src/pages/blogs.astro b/src/pages/blogs.astro
index 128210c..b4a0632 100644
--- a/src/pages/blogs.astro
+++ b/src/pages/blogs.astro
@@ -1,7 +1,7 @@
 ---
-import Terminal from "../layouts/Terminal.astro";
-import TerminalBorder from "../components/TerminalBorder.astro";
-import BlogItem from "../components/BlogItem.astro";
+import Terminal from "@layouts/Terminal.astro";
+import TerminalBorder from "@components/TerminalBorder.astro";
+import BlogItem from "@components/BlogItem.astro";
 import { getCollection } from "astro:content";
 
 const blogs = (await getCollection("blogs"))
diff --git a/src/pages/blogs/[...slug].astro b/src/pages/blogs/[...slug].astro
index 37e6f53..33bfc84 100644
--- a/src/pages/blogs/[...slug].astro
+++ b/src/pages/blogs/[...slug].astro
@@ -1,5 +1,5 @@
 ---
-import Blog from "../../layouts/Blog.astro";
+import Blog from "@layouts/Blog.astro";
 import { getCollection } from "astro:content";
 
 export async function getStaticPaths() {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4052a75..2ca1244 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection } from "astro:content";
-import Terminal from "../layouts/Terminal.astro";
-import TerminalBorder from "../components/TerminalBorder.astro";
-import Link from "../components/Link.astro";
-import BlogItem from "../components/BlogItem.astro";
+import Terminal from "@layouts/Terminal.astro";
+import TerminalBorder from "@components/TerminalBorder.astro";
+import Link from "@components/Link.astro";
+import BlogItem from "@components/BlogItem.astro";
 
 const latestBlog = (await getCollection("blogs")).reduce((latest, blog) => {
     const blogDate = new Date(blog.data.date);
@@ -123,7 +123,9 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
             <BlogItem
                 header="Latest Blog Post"
                 title={latestBlog.data.title}
-                description={latestBlog.data.description ? latestBlog.data.description : ""}
+                description={latestBlog.data.description
+                    ? latestBlog.data.description
+                    : ""}
                 date={latestBlog.data.date}
                 href={"/blogs/" + latestBlog.slug}
             />
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 3dd437a..c41db99 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,6 +1,6 @@
 ---
-import Terminal from "../layouts/Terminal.astro";
-import Project from "../components/Project.astro";
+import Terminal from "@layouts/Terminal.astro";
+import Project from "@components/Project.astro";
 ---
 
 <Terminal path="skills">
diff --git a/src/pages/skills.astro b/src/pages/skills.astro
index a14d593..458ea27 100644
--- a/src/pages/skills.astro
+++ b/src/pages/skills.astro
@@ -1,7 +1,7 @@
 ---
-import Terminal from "../layouts/Terminal.astro";
-import RadarChart from "../components/RadarChart.astro";
-import TerminalBorder from "../components/TerminalBorder.astro";
+import Terminal from "@layouts/Terminal.astro";
+import RadarChart from "@components/RadarChart.astro";
+import TerminalBorder from "@components/TerminalBorder.astro";
 
 const max = 100;
 const data = [
diff --git a/src/styles/fonts/JetBrainsMono.css b/src/styles/fonts/JetBrainsMono.css
index fc6fa3e..807fe1f 100644
--- a/src/styles/fonts/JetBrainsMono.css
+++ b/src/styles/fonts/JetBrainsMono.css
@@ -1,108 +1,108 @@
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Thin.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Thin.woff2") format("woff2");
     font-weight: 100;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ThinItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ThinItalic.woff2") format("woff2");
     font-weight: 100;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraLight.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraLight.woff2") format("woff2");
     font-weight: 200;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraLightItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraLightItalic.woff2") format("woff2");
     font-weight: 200;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Light.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Light.woff2") format("woff2");
     font-weight: 300;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-LightItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-LightItalic.woff2") format("woff2");
     font-weight: 300;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Regular.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Italic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Italic.woff2") format("woff2");
     font-weight: 400;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Medium.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");
     font-weight: 500;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-MediumItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-MediumItalic.woff2") format("woff2");
     font-weight: 500;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-SemiBold.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
     font-weight: 600;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-SemiBoldItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-SemiBoldItalic.woff2") format("woff2");
     font-weight: 600;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-Bold.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");
     font-weight: 700;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-BoldItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-BoldItalic.woff2") format("woff2");
     font-weight: 700;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraBold.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
     font-weight: 800;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
     font-weight: 800;
     font-style: italic;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraBold.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
     font-weight: 900;
     font-style: normal;
 }
 @font-face {
     font-family: "Jetbrains Mono";
-    src: url("JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
+    src: url("/fonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");
     font-weight: 900;
     font-style: italic;
 }
diff --git a/src/styles/terminal.css b/src/styles/terminal.css
index d30b0f1..1d97d16 100644
--- a/src/styles/terminal.css
+++ b/src/styles/terminal.css
@@ -1,4 +1,4 @@
-@import url("../styles/fonts/JetBrainsMono.css");
+@import url("@styles/fonts/JetBrainsMono.css");
 
 :root {
   --primary: #54d7a9;
diff --git a/tsconfig.json b/tsconfig.json
index 6659191..36f8465 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,18 @@
 {
     "extends": "astro/tsconfigs/base",
     "compilerOptions": {
-        "strictNullChecks": true
+        "strictNullChecks": true,
+        "baseUrl": ".",
+        "paths": {
+            "@layouts/*": [
+                "src/layouts/*"
+            ],
+            "@components/*": [
+                "src/components/*"
+            ],
+            "@styles/*": [
+                "src/styles/*"
+            ]
+        }
     }
 }