diff --git a/assets/css/main.css b/assets/css/main.css
index a5a65a2..ef65ea3 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -14,6 +14,11 @@
     src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
 }
 
+@font-face {
+    font-family: ATT PC6300;
+    src: url('/assets/fonts/oldschool_pc_font_pack_v2.2/Web437_ATT_PC6300.woff')
+}
+
 
 body {
     margin-top: 2%;
@@ -46,6 +51,10 @@ body {
     color: #bb53f3;
 }
 
+.navbar a:hover {
+    color: white;
+}
+
 .navbar h1 {
     margin-bottom: 0px;
 }
@@ -63,30 +72,34 @@ body {
     }
 }
 
-
-.navbar a:hover {
-    color: white;
-}
-
-
 /* Main content */
 
-.main {
+main {
     color: white;
     font-family: FiraCode;
     width: 70%;
 }
 
-.main h2 {
-    margin-top: 3px;
+main h2 {
+    font-family: ATT PC6300;
+    font-size: 40px;
+    margin-top: 20px;
     margin-bottom: 0px;
 }
 
-.main p {
+main p {
     margin-top: 5px;
 }
 
-.main a {
+main a {
     text-decoration: none;
     color: #418cf6;
 }
+
+a:hover {
+    color: white;
+}
+
+footer {
+    color: white;
+}
diff --git a/index.html b/index.html
index 82a698f..93e50e0 100644
--- a/index.html
+++ b/index.html
@@ -6,14 +6,15 @@
         <title>Zaydsite NOW!</title>
     </head>
     <body>
-        <ul class="navbar">
+        <nav class="navbar">
             <li><h1 class="title"><a href="/">wanderlost</a></h1></li>
             <li><a href="/me.html">me</a></li>
             <li><a href="/links.html">links</a></li>
             <li><a href="/contact.html">contact</a></li>
             <li><a href="/blog.html">blog</a></li>
-        </ul>
-        <div class="main">
+        </nav>
+        <main>
+            <hr>
             <h2>Welcome!</h2>
             <p>
                 This is my own home on the web. You probably know me as Zayd.
@@ -21,6 +22,9 @@
                 clearnet), but for now <a href="https://fsky.io">FSKY</a> is
                 hosting my site.
             </p>
-        </div>
+        </main>
+        <footer>
+            <p><a href="/credits.html">Credits</a></p>
+        </footer>
     </body>
 </html>
diff --git a/me.html b/me.html
index 04c1ab1..2cc41f8 100644
--- a/me.html
+++ b/me.html
@@ -6,15 +6,42 @@
         <title>Zaydsite NOW!</title>
     </head>
     <body>
-        <ul class="navbar">
-            <li><h1><a href="/">wanderlost</a></h1></li>
+        <nav class="navbar">
+            <li><h1 class="title"><a href="/">wanderlost</a></h1></li>
             <li><a href="/me.html">me</a></li>
             <li><a href="/links.html">links</a></li>
             <li><a href="/contact.html">contact</a></li>
             <li><a href="/blog.html">blog</a></li>
-        </ul>
-        <div class="main">
-	    <p>Soon...</p>
-        </div>
+        </nav>
+        <main>
+            <hr>
+            <h2>me</h2>
+            <p>
+                I'm Zayd, though I also go by a few different names in some
+                places. I'm a hobbyist archivist (usually working with optical
+                mediums, specifically CDDA). I also write code when I'm not
+                feeling lazy. I very much believe in privacy and user rights
+                in technology.
+            </p>
+            <p>
+                I listen to a lot of different genres, but I tend to go for nu
+                metal the most and listen to a lot of artists in that genre that
+                few have heard of. Some of them are End7, Missile Girl Scoot,
+                Flofactor, Spyndakit, and more.
+            </p>
+            <h3>interests</h3>
+            <ul>
+                <li>archival</li>
+                <li>data preservation</li>
+                <li>music</li>
+                <li>open source</li>
+                <li>privacy</li>
+                <li>programming</li>
+                <li>unix</li>
+            </ul>
+        </main>
+        <footer>
+            <p><a href="/credits.html">Credits</a></p>
+        </footer>
     </body>
 </html>
