diff --git a/src/App.tsx b/src/App.tsx
index 779d2de..f7e2400 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,7 +10,7 @@ import TestimonialAvatarCard from '@/components/sections/testimonial/Testimonial
 
 export default function App() {
   return (
-    <>
+    <div className="min-h-screen bg-gradient-to-br from-orange-50 to-gray-50">
   <div id="nav" data-section="nav">
       <NavbarCentered
       logo="SeoulPasta"
@@ -263,6 +263,6 @@ export default function App() {
       ]}
     />
   </div>
-    </>
+    </div>
   );
 }
diff --git a/src/index.css b/src/index.css
index 017cadb..b9d0434 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,7 +5,7 @@
 
 :root {
   /* @colorThemes/lightTheme/grayBlueAccent */
-  --background: #ffffff;
+  --background: transparent;
   --card: #f9f9f9;
   --foreground: #120006e6;
   --primary-cta: #e63946;
@@ -134,7 +134,6 @@ html {
 
 body {
   margin: 0;
-  background-color: var(--background);
   color: var(--foreground);
   font-family: '${manrope.variable} ${dmSans.variable}', sans-serif;
   position: relative;