fix: home 배경 수정

Author: dldvk9999

example/index.module.css

@@ -8,7 +8,7 @@
   --title-color: #ffdae2;
   --title-shadow-color: #dfbfc4;
   --aside-color: #f3b0c3;
-  --footer-color: #555;
+  --footer-color: #90ba67;
 }
 
 body::-webkit-scrollbar {
@@ -125,7 +125,8 @@ td > code {
   font-size: 100px;
 }
 .layout {
-  background: linear-gradient(180deg, black 1%, #111 99%);
+  background: url('/public/children.png') bottom center / contain no-repeat,
+    linear-gradient(180deg, black 1%, #111 15%, #cce6f1 70%);
   color: var(--white, white);
   display: grid;
   grid-template-columns: 1fr auto 1fr;
@@ -134,7 +135,7 @@ td > code {
   width: 100%;
   height: 100%;
   padding-top: 4rem;
-  padding-bottom: 10rem;
+  padding-bottom: 20rem;
   position: relative;
 }
 .layout > div {
@@ -238,19 +239,19 @@ td > code {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 2rem 0 5rem;
-  border-top: 1px solid var(--footer-color);
-  background-color: var(--black, black);
+  padding: 0 0 5rem;
+  background-color: var(--footer-color, #90ba67);
 }
 .github {
   text-transform: uppercase;
   text-decoration: none;
-  color: var(--footer-color);
+  color: var(--white, white);
 }
 
 /* components */
 .component_container {
   margin: 0 0 2rem;
+  overflow: visible !important;
 }
 .component_title {
   line-height: 1 !important;