diff --git a/index.html b/index.html
index dc7bd6c..d61eafb 100644
--- a/index.html
+++ b/index.html
@@ -1,186 +1,178 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Start</title>
-    <style>
-        :root {
-            --wallpaper: url("None");
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-            /* Special */
-            --background: #18161d;
-            --foreground: #a4a0ac;
-            --cursor: #a4a0ac;
-
-            /* Colors */
-            --color0: #18161d;
-            --color1: #ff7780;
-            --color2: #68b183;
-            --color3: #bda014;
-            --color4: #54a5ff;
-            --color5: #da89b2;
-            --color6: #79a8c3;
-            --color7: #a4a0ac;
-            --color8: #bd9b87;
-            --color9: #ef873d;
-            --color10: #08b885;
-            --color11: #d39710;
-            --color12: #a294fe;
-            --color13: #ec7aca;
-            --color14: #4ab0b9;
-            --color15: #a4a0ac;
-        }
-
-        :root {
-            --spacing: 8px;
-            --width: 500px;
-            --font-family: monospace;
-            font-size: 16px;
-        }
-
-        * {
-            box-sizing: border-box;
-        }
-
-        body {
-            margin: 0;
-            background-color: var(--background);
-            color: var(--foreground);
-            font-family: var(--font-family);
-        }
-
-        .page {
-            margin: calc(4 * var(--spacing)) auto 0;
-            padding: var(--spacing);
-            width: 100%;
-            max-width: var(--width);
-        }
-
-        input {
-            width: 100%;
-            outline: none;
-            background-color: var(--background);
-            color: var(--foreground);
-            border: 1px solid var(--foreground);
-            padding: var(--spacing);
-        }
-
-        .group {
-            width: 100%;
-            margin-bottom: calc(2 * var(--spacing));
-        }
-
-        header {
-            margin-bottom: calc(2 * var(--spacing));
-        }
-
-        main {
-            display: flex;
-            flex-wrap: wrap;
-        }
-
-        ul {
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            display: flex;
-            margin-left: var(--spacing);
-            flex-wrap: wrap;
-            gap: var(--spacing);
-        }
-
-        li:not(:last-child):after {
-            content: "/";
-            margin-left: var(--spacing);
-        }
-
-        h2 {
-            margin-bottom: calc(0.5 * var(--spacing));
-            font-size: 1rem;
-        }
-
-        a {
-            color: inherit;
-            text-decoration: none;
-        }
-
-        a:hover {
-            text-decoration: underline;
-        }
-
-    </style>
-</head>
-
-<body>
+  <body>
     <div class="page">
-        <header>
-            <form action="https://google.ch/search">
-                <input type="search" name="q" autofocus placeholder="Search...">
-            </form>
-        </header>
-        <main>
-            <div class="group">
-                <h2>Organization</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://mail.zoho.eu">Mail</a></li>
-                    <li><a rel="noopener noreferrer" href="https://cloud.schaer.dev/apps/calendar">Calendar</a></li>
-                    <li><a rel="noopener noreferrer" href="https://cloud.schaer.dev/apps/tasks">Tasks</a></li>
-                    <li><a rel="noopener noreferrer" href="https://cloud.schaer.dev/apps/files">Files</a></li>
-                    <li><a rel="noopener noreferrer" href="https://passwords.kaderli.dev">Passwords</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Entertainment</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://media.kaderli.dev">Jellyfin</a></li>
-                    <li><a rel="noopener noreferrer" href="https://news.kaderli.dev">Miniflux</a></li>
-                    <li><a rel="noopener noreferrer" href="https://yewtu.be">YouTube</a></li>
-                    <li><a rel="noopener noreferrer" href="https://www.twitch.tv/directory/following">Twitch</a></li>
-                    <li><a rel="noopener noreferrer" href="https://www.netflix.com">Netflix</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Social</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://www.reddit.com">Reddit</a></li>
-                    <li><a rel="noopener noreferrer" href="https://fosstodon.org">Mastodon</a></li>
-                    <li><a rel="noopener noreferrer" href="https://nitter.net/DEKE_64,WoG_ch,Lobosjrgaming,360Chrism,GuildWars2,Gamechamp3k">Twitter</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Programming</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://git.kaderli.dev">Gitea</a></li>
-                    <li><a rel="noopener noreferrer" href="https://ci.kaderli.dev">Concourse</a></li>
-                    <li><a rel="noopener noreferrer" href="https://gitlab.com/severinkaderli">GitLab</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Hosting</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://console.hetzner.cloud">Hetzner</a></li>
-                    <li><a rel="noopener noreferrer" href="https://www.backblaze.com">Backblaze</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Gaming</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://backloggery.com">Backloggery</a></li>
-                </ul>
-            </div>
-            <div class="group">
-                <h2>Guild Wars 2</h2>
-                <ul>
-                    <li><a rel="noopener noreferrer" href="https://wiki.guildwars2.com/wiki/Event_timers">Event
-                            Timers</a></li>
-                    <li><a rel="noopener noreferrer" href="https://gw2efficiency.com">gw2efficiency</a></li>
-                    <li><a rel="noopener noreferrer" href="https://killproof.me">KillProof</a></li>
-                </ul>
-            </div>
-        </main>
+      <header>
+        <form action="https://google.ch/search">
+          <input type="search" name="q" autofocus placeholder="Search..." />
+        </form>
+      </header>
+      <main>
+        <div class="group">
+          <h2>Organization</h2>
+          <ul>
+            <li>
+              <a rel="noopener noreferrer" href="https://mail.zoho.eu">Mail</a>
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://cloud.schaer.dev/apps/calendar"
+                >Calendar</a
+              >
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://cloud.schaer.dev/apps/tasks"
+                >Tasks</a
+              >
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://cloud.schaer.dev/apps/files"
+                >Files</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://passwords.kaderli.dev"
+                >Passwords</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Entertainment</h2>
+          <ul>
+            <li>
+              <a rel="noopener noreferrer" href="https://media.kaderli.dev"
+                >Jellyfin</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://news.kaderli.dev"
+                >Miniflux</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://yewtu.be">YouTube</a>
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://www.twitch.tv/directory/following"
+                >Twitch</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://www.netflix.com"
+                >Netflix</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Social</h2>
+          <ul>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://libreddit.spike.codes/settings/restore/?theme=system&front_page=default&layout=compact&wide=on&post_sort=hot&comment_sort=confidence&show_nsfw=off&blur_nsfw=off&use_hls=off&hide_hls_notification=off&subscriptions=Fighters%2BGames%2BGuildwars2%2Banime%2Barchlinux%2Blinux%2Blinux_gaming%2BmagicTCG%2Bselfhosted%2Bshmups%2Bspeedrun%2Byugioh&filters="
+                >Reddit</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://fosstodon.org"
+                >Mastodon</a
+              >
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://nitter.net/DEKE_64,WoG_ch,Lobosjrgaming,360Chrism,GuildWars2,Gamechamp3k"
+                >Twitter</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Programming</h2>
+          <ul>
+            <li>
+              <a rel="noopener noreferrer" href="https://git.kaderli.dev"
+                >Gitea</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://ci.kaderli.dev"
+                >Concourse</a
+              >
+            </li>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://gitlab.com/severinkaderli"
+                >GitLab</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Hosting</h2>
+          <ul>
+            <li>
+              <a rel="noopener noreferrer" href="https://console.hetzner.cloud"
+                >Hetzner</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://www.backblaze.com"
+                >Backblaze</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Gaming</h2>
+          <ul>
+            <li>
+              <a rel="noopener noreferrer" href="https://backloggery.com"
+                >Backloggery</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="group">
+          <h2>Guild Wars 2</h2>
+          <ul>
+            <li>
+              <a
+                rel="noopener noreferrer"
+                href="https://wiki.guildwars2.com/wiki/Event_timers"
+                >Event Timers</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://gw2efficiency.com"
+                >gw2efficiency</a
+              >
+            </li>
+            <li>
+              <a rel="noopener noreferrer" href="https://killproof.me"
+                >KillProof</a
+              >
+            </li>
+          </ul>
+        </div>
+      </main>
     </div>
-</body>
-
+  </body>
 </html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..4cb3658
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,103 @@
+:root {
+  --wallpaper: url("None");
+
+  /* Special */
+  --background: #18161d;
+  --foreground: #a4a0ac;
+  --cursor: #a4a0ac;
+
+  /* Colors */
+  --color0: #18161d;
+  --color1: #ff7780;
+  --color2: #68b183;
+  --color3: #bda014;
+  --color4: #54a5ff;
+  --color5: #da89b2;
+  --color6: #79a8c3;
+  --color7: #a4a0ac;
+  --color8: #bd9b87;
+  --color9: #ef873d;
+  --color10: #08b885;
+  --color11: #d39710;
+  --color12: #a294fe;
+  --color13: #ec7aca;
+  --color14: #4ab0b9;
+  --color15: #a4a0ac;
+}
+
+:root {
+  --spacing: 8px;
+  --width: 500px;
+  --font-family: monospace;
+  font-size: 16px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background-color: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-family);
+}
+
+.page {
+  margin: calc(4 * var(--spacing)) auto 0;
+  padding: var(--spacing);
+  width: 100%;
+  max-width: var(--width);
+}
+
+input {
+  width: 100%;
+  outline: none;
+  background-color: var(--background);
+  color: var(--foreground);
+  border: 1px solid var(--foreground);
+  padding: var(--spacing);
+}
+
+.group {
+  width: 100%;
+  margin-bottom: calc(2 * var(--spacing));
+}
+
+header {
+  margin-bottom: calc(2 * var(--spacing));
+}
+
+main {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  margin-left: var(--spacing);
+  flex-wrap: wrap;
+  gap: var(--spacing);
+}
+
+li:not(:last-child):after {
+  content: "/";
+  margin-left: var(--spacing);
+}
+
+h2 {
+  margin-bottom: calc(0.5 * var(--spacing));
+  font-size: 1rem;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
