diff --git a/about-me.html b/about-me.html
index a0eaf42..1df74d4 100644
--- a/about-me.html
+++ b/about-me.html
@@ -63,15 +63,21 @@
  	<bg-gradient aria-hidden="true"></bg-gradient>
 	<bg aria-hidden="true"></bg>
 	<div class="main">
-		<h3>who am i?</h3>
+		<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 suffers with a schizoaffective disorder <small style="font-size: 10px;">(more specfically the bipolar type)</small> 
-			<br><br>i like 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;" markdown="1">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>
+			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>
diff --git a/styles.css b/styles.css
index 6e09940..5c1b57d 100644
--- a/styles.css
+++ b/styles.css
@@ -65,6 +65,24 @@
 		padding: 20px;
 		box-shadow: 10px 5px 10px var(--crust);
 	}
+	.main .about {
+		text-align: "left";
+		margin-top: 10px;
+		width: 50%;
+		display: inline-block;
+	}
+	.main .pronouns-box {
+		background-color: light-dark(#dce0e880, #11111b80);
+		margin-top: 20px;
+		outline: 2px solid;
+		outline-color: var(--accent);
+		border-radius: 25px;
+		padding: 20px;
+		box-shadow: 10px 5px 10px var(--crust);
+		width: 35%;
+		display: inline-block;
+		margin-left: 100px;
+	}
 	.main:hover {
 		outline: 5px dashed;
 		outline-color: var(--accent);
@@ -73,6 +91,14 @@
 		transform: scale(1.01, 1.01);
 		transition: ease-in-out 0.3s;
 	}
+	.pronouns-box:hover {
+		outline: 5px dashed;
+		outline-color: var(--accent);
+		opacity: 1;
+		background-color: var(--crust);
+		transform: scale(1.01, 1.01);
+		transition: ease-in-out 0.3s;
+	}
 	footer {
 		font-family: "Iosevka Aile", monospace;
   		color: var(--foreground);