diff --git a/pages/index.jsx b/pages/index.jsx
index b114721..755b6f9 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -141,6 +141,7 @@ export default function Home({
     </Layout>
   );
 }
+
 function ProjectCard({ json, basePath }) {
   return (
     <Link
@@ -228,8 +229,7 @@ function Carousel({ projects, basePath }) {
   }
   return (
     <div className="bg-grey">
-      <Wave180 className="rotate-180"></Wave180>
-      <div className="container mx-auto py-4 relative overflow-hidden">
+      <div className="container mx-auto mt-16 mb-16 py-4 p-4 relative overflow-hidden">
         <h2 className="text-3xl text-center font-bold">Recent Projects</h2>
         <div
           className="flex gap-4 flex-row p-4 justify-center transition"
@@ -264,7 +264,6 @@ function Carousel({ projects, basePath }) {
           <Icon className="" name="arrow-right" />
         </button>
       </div>
-      <Wave></Wave>
     </div>
   );
 }
diff --git a/styles/globals.css b/styles/globals.css
index b80c65b..ad15874 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -48,6 +48,9 @@
   }
 }
 
+.project-card-home {
+  background: linear-gradient(90deg, #c0abfe, #90f7df);
+}
 .markdown h1 {
   @apply text-4xl;
   @apply mb-4;
@@ -250,6 +253,11 @@ html {
   scroll-behavior: smooth;
 }
 
+footer {
+  border-top: 0.5px solid;
+  border-top-color: #cabbf6;
+  background-color: rgb(21, 21, 21);
+}
 /* Scroll to top when button is clicked */
 .scroll-up-button:target {
   scroll-behavior: auto;