diff --git a/about-me.html b/about-me.html
deleted file mode 100644
index 021ffd1..0000000
--- a/about-me.html
+++ /dev/null
@@ -1,154 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>about me! - gayfamicom's cool and awesome website</title>
-  <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png">
-  <link
-    rel="stylesheet"
-    type="text/css"
-    href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css"
-  />
-  <link
-    rel="stylesheet"
-    type="text/css"
-    href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css"
-  />
-  <script>
-      function copyButton() {
-        navigator.clipboard.writeText('<a href="https://meowing.zip"><img src="https://meowing.zip/assets/88x31/button.png" alt="meowing.zip"></a>');
-        var x = document.getElementById("copy-toast");
-        x.className = "show";
-        setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
-      }
-      document.addEventListener("DOMContentLoaded", function() {
-          const t = document.querySelectorAll('input[name="theme"]')
-            , i = document.getElementById("disable-bg")
-            , o = document.getElementById("disable-animations");
-          function a() {
-              const t = document.querySelector('input[name="theme"]:checked').value;
-              localStorage.setItem("theme", t),
-              localStorage.setItem("disable-bg", i.checked),
-              localStorage.setItem("disable-animations", o.checked)
-          }
-          !function() {
-              const t = localStorage.getItem("theme");
-              if (t) {
-                  const e = document.querySelector(`input[name="theme"][value="${t}"]`);
-                  e && (e.checked = !0)
-              }
-              "true" === localStorage.getItem("disable-bg") && (i.checked = !0);
-              "true" === localStorage.getItem("disable-animations") && (o.checked = !0)
-          }(),
-          t.forEach(e => {
-              e.addEventListener("change", function() {
-                  a()
-              })
-          }
-          ),
-          i.addEventListener("change", a),
-          o.addEventListener("change", a)
-   	});
-	</script>
-</head>
-<link rel="stylesheet" href="styles.css">
-</head>
-<footer>
-	<div style="display: flex;">
-		<a href="./fursona.html"><img class="pfp" src="./assets/images/pfp.jpg" alt="my fursona. a cat (sometimes fops) thing that wears a mask"></a>
-		<a style=" padding: 20px; margin-right: 54%;">about me!<small style="color: var(--subtext); margin-left: 10px; font-size: 12px;">niko's cool and awesome website!~</small></a>
-		<div class="dropdown" style="display: inline-block;" tabindex="1">
-		  	<i class="db2" tabindex="1"></i>
-			<a style="font-size: 14px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-gear"></i>settings</a>
-		 	<div class="settings-popup">
-				<a style="margin-bottom: 5px; font-size: 12px; color: light-dark(#d20f39, #f38ba8);">settings saved with javascript enabled</a>
-				<radio-picker>
-					<label for="theme-auto"><input type="radio" name="theme" id="theme-auto" checked>auto</label>
-					<label for="theme-light"><input type="radio" name="theme" id="theme-light">light</label>
-					<label for="theme-dark"><input type="radio" name="theme" id="theme-dark">dark</label>
-					<label for="disable-background"><input type="checkbox" id="disable-bg" name="background">toggle background</label>
-					<label for="disable-animations"><input type="checkbox" id="disable-animations" name="animations">toggle animations</label>
-				</radio-picker>
-			</div>
-		</div>
-	</div>
-	<div class="divider"></div>
-	<div style="font-size: 15px; margin-top: 20px; margin-left: 2px; margin-bottom: 10px; display: flex;">
-    	<div class="dropdown">
-			<a href="." class="dropbtn">< go back!</a>
-		</div>
-		<div class="dropdown" tabindex="1">
-			<a style="margin-left: 5px;" class="dropbtn" href="./blog.html"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
-		</div>
-		<div class="dropdown" tabindex="1">
-			<i class="db2" tabindex="1"></i>
-			<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-at"></i>follow me on socials</a>
-			<div class="dropdown-content">
-				<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://bsky.app/profile/did:plc:yt66ucfex7kgaifhu5qijrz3" target="_blank">bluesky</a>
-				<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" rel="me" href="https://merping.synth.download/@meowmaxing" target="_blank">fediverse</a>
-				<a style="color: light-dark(#d20f39, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://youtube.com/@meowingmaxing" target="_blank">youtube</a>
-			</div>
-		</div>
-		<div class="dropdown" tabindex="1">
-			<i class="db2" tabindex="1"></i>
-			<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-plus"></i>add me!</a>
-			<div class="dropdown-content">
-				<a style="color: light-dark(#04a5e5, #89dceb); border: 0px soild transparent; border-radius: 20px;" href="https://steamcommunity.com/id/meowmaxing" target="_blank">steam</a>
-			</div>
-		</div>
-		<div class="dropdown" tabindex="1">
-			<i class="db2" tabindex="1"></i>
-			<a style="margin-left: 5px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-chat-circle-dots"></i>contact info</a>
-			<div class="dropdown-content">
-				<a style="color: light-dark(#1e66f5, #89b4fa); border: 0px soild transparent; border-radius: 20px;" href="https://signal.me/#eu/2G_wkky5wzpLc8dGMMJZADmtQfS0v_hUHrPxyZ8C0-2dAsNSi0BBcq9gRoNB1bTw" target="_blank">signal</a>
-				<a style="color: light-dark(#40a02b, #94e2d5); border: 0px soild transparent; border-radius: 20px;" href="xmpp:niko@meowing.zip">xmpp</a>
-				<a style="color: light-dark(#7287fd, #b4befe); border: 0px soild transparent; border-radius: 20px;" href="https://discord.com/users/752389000945467482" target="_blank">discord</a>
-				<a style="color: light-dark(#e64553, #eba0ac); border: 0px soild transparent; border-radius: 20px;" href="mailto:niko@meowing.zip">email</a>
-			</div>
-		</div>
-		<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-image"></i>gallery (under construction)</a>
-		<a style="margin-left: 15px; font-size: 12px; color: var(--subtext);"><i style="margin-right: 5px;" class="ph ph-pen"></i>guestbook (under construction)</a>
-	</div>
-</footer>
-<body>
- 	<bg-gradient aria-hidden="true"></bg-gradient>
-	<bg aria-hidden="true"></bg>
-	<div class="main">
-		<h3><i style="margin-right: 10px;" class="ph ph-info"></i>who am i?</h3>
-		<div class="divider"></div>
-		<div class="about">
-		<a style="font-size: 13px;">
-			hiiii!! my name is Niko, this is my lil corner of the web <small style="font-size: 10px;">(waow)</small>!<br><br>
-			im a biromantic, asexual, genderfluid individual who likes computer-adjecent things and i also like to do video editing and VFX stuff <small style="font-size: 10px;">(every once in a blue moon)</small> !!
-			<br><br><a style="margin-top: 20px; color: light-dark(#d20f39, #f38ba8); font-size: 15px;">im autistic as Fuck!!! so communication *might* be hard, please keep that in mind if u ever choose to talk to me, its not that i dont care!!</a>
-		</a>
-		</div>
-		<div style="margin-top: 5px;" class="pronouns-box">
-			<h3 style="margin-top: 5px; font-size: 15px;"><i style="margin-right: 10px;" class="ph ph-info"></i>pronouns</h3>
-			<div class="divider"></div>
-			<a><i class="ph ph-heart" style="color: light-dark(#ea76cb, #f5c2e7);"></i> it/its<br><i style="color: light-dark(#04a5e5, #89dceb);" class="ph ph-thumbs-up"></i> they/them<br><i style="color: light-dark(#df8e1d, #f9e2af);" class="ph ph-smiley-meh"></i> she/her<br><i style="margin-right: 5px; color: light-dark(#d20f39, #f38ba8);" class="ph ph-x-circle"></i>he/him<br></a>
-		</div>
-		</div>
-	</div>
-	<div class="main">
-		<h3>what do u use for video editing?</h3>
-		<div class="divider"></div>
-		<a style="color: light-dark(#7287fd, #b4befe); font-size: 13px;">
-			adobe premiere pro (SORRY)
-		</a>
-		<a>-</a>
-		<a style="color: light-dark(#7287fd, #b4befe); font-size: 13px;">
-			adobe after effects (SORRY)
-		</a>
-		<a>-</a>
-		<a style="color: light-dark(#1e66f5, #89b4fa); font-size: 13px;">
-			adobe photoshop (SORRY)
-		</a>
-		<div class="divider"></div>
-		<h3>what about audio stuff?</h3>
-		<div class="divider"></div>
-		<a style="color: light-dark(#40a02b, #a6e3a1); font-size: 13px;">just reaper...</a>
-	</div>
-	<a style="color: var(--accent); padding: 10px;" href="https://git.gay/gayfamicom/website"><small>website source!</small></a>
-	<a style="color: var(--accent); padding: 10px;"><small>last modified: 2026-04-18T01:03:26Z</small></a>
-</body>
-</html>
