diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx
index 38ca90d1..e71d8653 100644
--- a/apps/site/src/app/layout.tsx
+++ b/apps/site/src/app/layout.tsx
@@ -5,6 +5,7 @@ import FontProvider from "@/lib/FontProvider";
 import NavBar from "@/components/NavBar/NavBar";
 import Footer from "@/components/Footer/Footer";
 import "@/lib/styles/bootstrap.scss";
+import "@/lib/styles/globals.scss";
 
 export const metadata: Metadata = {
 	title: "Create Next App",
@@ -19,7 +20,7 @@ export default function RootLayout({
 	return (
 		<html lang="en">
 			<FontProvider />
-			<body>
+			<body className="background">
 				<NavBar />
 				{children}
 				<Footer />
diff --git a/apps/site/src/assets/background/anteater_background.png b/apps/site/src/assets/background/anteater_background.png
new file mode 100644
index 00000000..4631baf7
Binary files /dev/null and b/apps/site/src/assets/background/anteater_background.png differ
diff --git a/apps/site/src/lib/styles/globals.scss b/apps/site/src/lib/styles/globals.scss
new file mode 100644
index 00000000..008c04d8
--- /dev/null
+++ b/apps/site/src/lib/styles/globals.scss
@@ -0,0 +1,15 @@
+.background {
+    overflow-x: hidden;
+
+    &::before {
+        background-image: url("~@/assets/background/anteater_background.png");
+        background-size: 100px;
+        content: '';
+        position: absolute;
+        width: 500vh;
+        height: 500vh;
+        transform: translate(-50%, -50%) rotate(-30deg);
+        z-index: -1;
+    }
+
+}