diff --git a/src/lib/app.css b/src/lib/app.css
index 96c118b..08faddf 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -4,15 +4,23 @@
 	font-display: swap;
 }
 
+@font-face {
+	font-family: Inter;
+	src: url("/Inter.ttf");
+	font-display: swap;
+}
+
 html {
 	--primary: #151515;
 	--secondary: #252525;
 	--tertiary: #353535;
-	--accent-primary: #00d4aa;
-	--accent-secondary: #ce1717;
+	--accent-primary: #cfce73;
+	--accent-secondary: #9c6fd6;
+	--accent-tertiary: #fcc348;
 	--text: #fff;
 	--font-primary: Comfortaa;
-	--accent-tertiary: #4beacb;
+	--font-header: Inter
+
 }
 
 body {
diff --git a/src/routes/index.md b/src/routes/index.md
deleted file mode 100644
index 256d25a..0000000
--- a/src/routes/index.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Home
-description: 7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack.
----
-
-# Project Segfault
-
-{ description }
-
-## What is this?
-
-We are 7 teenagers who have a decently powerful server. What do we do with this server? Host game servers and random assortment of privacy respecting tools like Invidious, Nextcloud, Matrix etc.... and maybe some original works. You'll see eventually!
-
-## Tell me more! What do you guys host? Where can I contact you? Can you fix my daughter's iPad?
-
-We can't fix your daughter's iPad, but there is a navigation bar at the top of the page with links to websites and pages that explain things about us, or contain useful information about our services.
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
new file mode 100644
index 0000000..26e6a28
--- /dev/null
+++ b/src/routes/index.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+    import SvelteSeo from "svelte-seo";
+
+    let description: string = "7 idiots, 2 OVH vpses, a BuyVM 1024 Slice, a Sun server and a Hitachi Compute Rack.";
+</script>
+
+<SvelteSeo
+	title="Home"
+	description={description}
+/>
+
+<div class="hero">
+    <h1><span>Project</span> <span>Segfault</span></h1>
+    
+    <p>Open source development <br /> and hosted services</p>
+</div>
+
+<h2>What is this?</h2>
+
+<p>
+    We are 7 teenagers who have a decently powerful server. What do we do with this server? Host game servers and random assortment of privacy respecting tools like Invidious, Nextcloud, Matrix etc.... and maybe some original works. You'll see eventually!
+</p>
+
+<h2>Tell me more! What do you guys host? Where can I contact you? Can you fix my daughter's iPad?</h2>
+
+<p>
+    We can't fix your daughter's iPad, but there is a navigation bar at the top of the page with links to websites and pages that explain things about us, or contain useful information about our services.
+</p>
+
+<style>
+    h1 {
+        font-size: 50px;
+        font-weight: 800;
+        text-shadow: 0px 2px 2px rgba(78, 78, 78, 0.6);
+    }
+
+    h1 > *:first-child {
+        color: var(--accent-secondary);
+    }
+
+    h1 > *:last-child {
+        color: var(--accent-primary);
+    }
+
+    .hero {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: flex-start;
+        text-align: start;
+        font-family: var(--font-header);
+    }
+
+    .hero > p {
+        margin: 0;
+        padding: 0;
+    }
+
+    .hero > p {
+        font-size: 40px;
+        font-weight: 600;
+        color: #b6b6b6;
+    }
+</style>
\ No newline at end of file
diff --git a/static/Inter.ttf b/static/Inter.ttf
new file mode 100644
index 0000000..1cb674b
Binary files /dev/null and b/static/Inter.ttf differ