diff --git a/index.html b/index.html
index 14cc4a3..c2088dc 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
 					  <label for="theme-auto"><input type="radio" name="theme" id="theme-auto" value="auto" checked>auto</label>
 					  <label for="theme-light"><input type="radio" name="theme" id="theme-light" value="light">light</label>
 					  <label for="theme-dark"><input type="radio" name="theme" id="theme-dark" value="dark">dark</label>
-					  <label for="disable-background"><input type="checkbox" id="disable-bg" name="background">toggle background</label>
+					  <label for="disable-bg"><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>
@@ -72,9 +72,6 @@
 	</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="./about-me.html" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-user-circle"></i>about me!</a>
-		</div>
 		<div class="dropdown" tabindex="1">
 			<a style="margin-left: 5px;" class="dropbtn" href="./blog"><i style="margin-right: 5px;" class="ph ph-pen"></i>blog</a>
 		</div>
@@ -112,6 +109,43 @@
 <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>
+		
 		<div class="main">
 		<div style="margin-bottom: 10px">
 			<a>a collections of buttons!</a>