diff --git a/html/index.html b/html/index.html
index 02ea531..27c67b5 100644
--- a/html/index.html
+++ b/html/index.html
@@ -7,6 +7,8 @@
   href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap"
   rel="stylesheet"
 />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="stylesheet" href="index.css" />
 <style>
   html,
   body {
@@ -16,59 +18,6 @@
     line-height: 1.5;
     text-shadow: 1px 1px 3px hsl(38, 45%, 22%);
   }
-
-  * {
-    box-sizing: border-box;
-    transition: all 0.2s ease-in-out;
-  }
-
-  header {
-    display: flex;
-    font-size: 2.5rem;
-    align-items: center;
-
-    & .subtext {
-      font-size: 1rem;
-      margin-left: 0.5rem;
-      color: hsl(39, 68.6%, 31.2%);
-      & a:hover {
-        color: hsl(39, 100%, 80%);
-      }
-    }
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    padding-left: 3rem;
-    display: flex;
-    flex-direction: column;
-    font-size: 1.5rem;
-  }
-
-  li {
-    & a {
-      text-decoration: underline;
-      text-decoration-color: transparent;
-    }
-    &:hover {
-      color: hsl(39, 100%, 80%);
-      & a {
-        text-decoration-color: inherit;
-      }
-    }
-
-    &::before {
-      content: "▸";
-      margin-right: 0.5rem;
-    }
-  }
 </style>
 <main>
   <header>
diff --git a/templates/index.html.txt b/templates/index.html.txt
index 76a8408..6070d60 100644
--- a/templates/index.html.txt
+++ b/templates/index.html.txt
@@ -7,6 +7,8 @@
   href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap"
   rel="stylesheet"
 />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="stylesheet" href="index.css" />
 <style>
   html,
   body {
@@ -16,59 +18,6 @@
     line-height: 1.5;
     text-shadow: 1px 1px 3px hsl(38, 45%, 22%);
   }
-
-  * {
-    box-sizing: border-box;
-    transition: all 0.2s ease-in-out;
-  }
-
-  header {
-    display: flex;
-    font-size: 2.5rem;
-    align-items: center;
-
-    & .subtext {
-      font-size: 1rem;
-      margin-left: 0.5rem;
-      color: hsl(39, 68.6%, 31.2%);
-      & a:hover {
-        color: hsl(39, 100%, 80%);
-      }
-    }
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    padding-left: 3rem;
-    display: flex;
-    flex-direction: column;
-    font-size: 1.5rem;
-  }
-
-  li {
-    & a {
-      text-decoration: underline;
-      text-decoration-color: transparent;
-    }
-    &:hover {
-      color: hsl(39, 100%, 80%);
-      & a {
-        text-decoration-color: inherit;
-      }
-    }
-
-    &::before {
-      content: "▸";
-      margin-right: 0.5rem;
-    }
-  }
 </style>
 <main>
   <header>