diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..a681be1
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: pnpm install && pnpm run build
+    command: pnpm run dev
+
+
diff --git a/src/app.css b/src/app.css
index 1c8a288..3563e4b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,3 +1,7 @@
+body {
+	font-family: "Inter", sans-serif
+}
+
 @font-face {
   font-family: 'Array-Wide';
   src: url('/Array-Wide.woff2') format('woff2'),
diff --git a/src/components/Background.svelte b/src/components/Background.svelte
index c0af13f..c9dce7e 100644
--- a/src/components/Background.svelte
+++ b/src/components/Background.svelte
@@ -3,7 +3,7 @@
     let _text = text.repeat(500)
 </script>
 
-<div class="max-h-120vh w-screen overflow-clip absolute -z-100">
+<div class="h-screen w-screen overflow-clip absolute -z-100">
     <div class="m-0 h-full w-[105vw] bg-black text-neutral-800 m-0 break-words" style="font-family: Array-Wide; font-size: 3rem; line-height:2.5rem">
         {_text}
     </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 933a412..9318f1e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,4 +2,7 @@
     import "../app.css";
     import "uno.css"
 </script>
+<div class="fixed top-15 right-15">
+    <img src="./i-horiz.webp" alt="Team Illusion Logo. An I with a star swirling around it." width={64} height={64} class="ml-5">
+</div>
 <slot/>
\ No newline at end of file
diff --git a/src/routes/about/+page.mdx b/src/routes/about/+page.mdx
index 0fafc24..14bca55 100644
--- a/src/routes/about/+page.mdx
+++ b/src/routes/about/+page.mdx
@@ -9,21 +9,21 @@ abstract: ''
 	"../../components/Link.svelte"
 </script>
 
-<div class="min-h-screen w-screen px-0 m-0" style="font-family: Inter">
+<div class="min-h-screen w-screen px-0 m-0 bg-black" style="font-family: Inter">
     <header class="mx-auto flex items-center text-white lg:max-w-screen-xl w-2/5">
         <div class="text-left mt-20">
             <Link href="/" back>Back</Link>
             <h1 class="text-2xl my-0">{date}</h1>
             <div class="rise-wrapper whitespace-pre w-fit font-800 -spacing-1 text-purple">
                 {#each title.split(" ") as word, index}
-                    <p class="rise-anim md:inline-flex block text-7xl my-0 font-800 -spacing-3 mt-6" style={`--delay: ${index * 200 + 100}ms`}
+                    <p class="rise-anim md:inline-flex block text-5xl lg:text-7xl my-0 font-800 -spacing-3 mt-6" style={`--delay: ${index * 200 + 100}ms`}
                         >{`${word}`}{index !== title.length-1 ? " " : ""}</p>
 				{/each}
             </div>
             <hr class="my-10 border-neutral-700 "/>
         </div>
     </header>
-    <div class="prose text-xl text-white w-2/5 mx-auto font-500">
+    <div class="prose text-xl text-white w-2/5 mx-auto font-500 pb-10">
         At Team Illusion, we believe in the power of innovation, collaboration, transparency, and creativity to achieve our goals. Our team is more than just a robotics club-- it is a community of like-minded individuals who share a passion for science, technology, engineering, and mathematics.
 
         We are committed to pushing the boundaries of what is possible in the field of robotics. We believe that technology can be used to make the world a better place, and we strive to create robots that can solve real-world problems. Our focus is on developing robots that are not only functional but also aesthetically pleasing and inspiring.
diff --git a/static/i-horiz.webp b/static/i-horiz.webp
new file mode 100644
index 0000000..f091dcc
Binary files /dev/null and b/static/i-horiz.webp differ