refactor: 홈 화면 배경 그라데이션 추가

Author: sikkzz

src/components/Home/Home.module.scss

@@ -8,6 +8,7 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  background: var(--color-bg-gradient);
 
   &::before {
     content: "";
@@ -19,7 +20,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    z-index: -1;
+    z-index: 0;
   }
 
   .HomeTitle {
@@ -29,6 +30,7 @@
     display: flex;
     flex-direction: column;
     gap: 0.625rem;
+    z-index: 1;
 
     & > h1 {
       white-space: pre-line;
@@ -39,6 +41,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 1;
 
     & > img {
       width: 16.25rem;
@@ -50,5 +53,6 @@
     display: flex;
     align-items: center;
     gap: 0.875rem;
+    z-index: 1;
   }
 }

src/styles/_variables.scss

@@ -30,6 +30,6 @@
   --color-gray500: #00000040;
   --color-gray600: #363642;
   --color-gray700: #161636;
-  --color-bg-gradient: linear-gradient(#ffffff, #443fb6);
+  --color-bg-gradient: linear-gradient(180deg, #ffffff, #dcdce8);
   --color-bg-error: #d45085;
 }