diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index c61d77e..45a3f04 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -38,7 +38,7 @@ import { Icon } from "astro-icon/components";
       </ul>
     </div>
   </div>
-  <div class="mt-12 sm:flex sm:items-center sm:justify-between lg:mt-16">
+  <div class="sm:flex sm:items-center sm:justify-between">
     <span class="text-tertiary text-sm sm:text-center"
       >&copy; {new Date().getFullYear()}
       <a href="/" class="hover:text-secondary transition-colors">{SITE.TITLE}</a
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 25028c6..97c813e 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -10,7 +10,7 @@ import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
   crossorigin="anonymous"
 />
 
-<section class="mb-32 overflow-clip">
+<section class="mt-6 overflow-clip">
   <h1
     class="--translate-y-full animate-logo text-4xl font-bold text-pretty md:text-6xl"
   >
diff --git a/src/pages/cv.astro b/src/pages/cv.astro
index 0205f1b..423f149 100644
--- a/src/pages/cv.astro
+++ b/src/pages/cv.astro
@@ -40,7 +40,7 @@ import Link from "@components/Link.astro";
       </div>
     </div>
   </section>
-  <section class="animate-reveal mt-16 opacity-0 [animation-delay:0.1s]">
+  <section class="animate-reveal opacity-0 [animation-delay:0.1s]">
     <h2 class="mb-4 text-2xl font-semibold break-words capitalize">About me</h2>
     <p class="mb-2">
       Hi, my name is Troy and I’m a student 3D artist studying on a BA (Hons)
@@ -62,13 +62,13 @@ import Link from "@components/Link.astro";
       >.
     </p>
   </section>
-  <section class="animate-reveal mt-16 opacity-0 [animation-delay:0.2s]">
+  <section class="animate-reveal opacity-0 [animation-delay:0.2s]">
     <h2 class="mb-4 text-2xl font-semibold break-words capitalize">
       Education
     </h2>
     <Education />
   </section>
-  <section class="animate-reveal mt-16 opacity-0 [animation-delay:0.3s]">
+  <section class="animate-reveal opacity-0 [animation-delay:0.3s]">
     <h2 class="mb-4 text-2xl font-semibold break-words capitalize">Skills</h2>
     <p class="mb-2">
       My specific chosen area of focus is design, lighting, and rendering
@@ -78,7 +78,7 @@ import Link from "@components/Link.astro";
     </p>
     <Skills />
   </section>
-  <section class="animate-reveal mt-16 opacity-0 [animation-delay:0.4s]">
+  <section class="animate-reveal opacity-0 [animation-delay:0.4s]">
     <h2 class="mb-4 text-2xl font-semibold break-words capitalize">
       Experience
     </h2>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e61295e..c27e0da 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -24,7 +24,7 @@ const projects = allProjects
 
 <Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
   <Hero />
-  <section class="mb-32" aria-labelledby="featured-projects">
+  <section aria-labelledby="featured-projects">
     <div class="group flex w-fit flex-row items-center justify-between gap-6">
       <a href="/projects">
         <h2