diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss index 288af57..93f85ba 100644 --- a/src/components/common/footer/footer.module.scss +++ b/src/components/common/footer/footer.module.scss @@ -36,11 +36,19 @@ transform: translate(-50%, -50%); z-index: -1; background: linear-gradient( - 0deg, - var(--color-black) 15%, - rgb(9 9 121 / 0) 50%, - var(--color-black) 100% - ); + 0deg, + var(--color-black) 15%, + rgb(9 9 121 / 0) 50%, + var(--color-black) 100% + ), + linear-gradient( + 90deg, + var(--color-black) 0%, + rgb(255 255 255 / 0) 10%, + rgb(255 255 255 / 0) 50%, + rgb(255 255 255 / 0) 90%, + var(--color-black) 100% + ); width: 100%; height: 101%; content: ''; diff --git a/src/components/sections/homepage/hero/hero.module.scss b/src/components/sections/homepage/hero/hero.module.scss index cb1c86e..92d6023 100644 --- a/src/components/sections/homepage/hero/hero.module.scss +++ b/src/components/sections/homepage/hero/hero.module.scss @@ -39,11 +39,19 @@ transform: translate(-50%, -50%); z-index: -1; background: linear-gradient( - 0deg, - var(--color-black) 15%, - rgb(9 9 121 / 0) 50%, - var(--color-black) 100% - ); + 0deg, + var(--color-black) 15%, + rgb(9 9 121 / 0) 50%, + var(--color-black) 100% + ), + linear-gradient( + 90deg, + var(--color-black) 0%, + rgb(255 255 255 / 0) 10%, + rgb(255 255 255 / 0) 50%, + rgb(255 255 255 / 0) 90%, + var(--color-black) 100% + ); width: 100%; height: 101%; content: ''; @@ -56,12 +64,12 @@ &::before { background: radial-gradient( ellipse farthest-corner at center center, - rgb(4 4 4 / 0.25) 45%, + rgb(4 4 4 / 0.25) 44%, var(--color-black) 0 ); width: 120%; height: 115%; - filter: blur(tovw(80px, 'default', 40px)); + filter: blur(tovw(40px, 'default', 30px)); will-change: filter, transform; }