diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 2c636af..4070288 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -2,6 +2,7 @@
 	<a href="/">Home</a>
 	<a href="/blog">Blog</a>
 	<a href="/projects">Projects</a>
+	<a href="/friends">Friends</a>
 </nav>
 
 <style>
diff --git a/src/content/config.ts b/src/content/config.ts
index 28aba30..e5dc13b 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -1,7 +1,9 @@
 import { defineCollection } from "astro:content";
 
 const homepageCollection = defineCollection({});
+const friendsCollection = defineCollection({});
 
 export const collections = {
-	'homepage': homepageCollection
+	'homepage': homepageCollection,
+	'friends': friendsCollection
 }
diff --git a/src/content/friends/friends.md b/src/content/friends/friends.md
new file mode 100644
index 0000000..f0b7339
--- /dev/null
+++ b/src/content/friends/friends.md
@@ -0,0 +1,7 @@
+# my friends cool websites
+
+## [Mossfet!](https://mossfet.xyz) 
+this cool robot is cool and i love it :3. check out its website here :3!
+
+## [TakeV / Lambda System](https://ta-kev.digital)
+cool robot system whos nice and has a cool website :3! it beeps and boops!
diff --git a/src/pages/friends.astro b/src/pages/friends.astro
new file mode 100644
index 0000000..4b89097
--- /dev/null
+++ b/src/pages/friends.astro
@@ -0,0 +1,13 @@
+---
+import Layout from "../layouts/Layout.astro";
+import { getEntryBySlug } from "astro:content";
+
+const shoutouts = await getEntryBySlug("friends", "friends");
+const { Content } = await shoutouts.render();
+---
+
+<Layout title="fries gay friends">
+	<main aria-label="a place where i shoutout my friends sites.">
+		<Content />
+	</main>
+</Layout>
diff --git a/src/styles/global.css b/src/styles/global.css
index 554df36..297db98 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -29,11 +29,22 @@ p {
 	font-size: 22px;
 }
 
+
 a {
 	font-size: 22px;
 	color: var(--link-color);
 }
 
+/* don't ask why i'm doing this cursed workaround, but i am. */
+h1>a,
+h2>a,
+h3>a,
+h4>a,
+h5>a,
+h6>a {
+	font-size: inherit;
+}
+
 body {
 	background-color: var(--background-color);
 	color: var(--text-color)