diff --git a/src/_globals.scss b/src/_globals.scss index 5585143..a8fda43 100644 --- a/src/_globals.scss +++ b/src/_globals.scss @@ -111,7 +111,7 @@ $aboutCVShadow: 0 0 15px 0 var(--color-accent-shadow-profile); } @mixin homeBg { - background: linear-gradient(45deg, #000850 0%, #000320 100%), + /*background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #ff6928 0%, #000000 100%), linear-gradient(225deg, #ff7a00 0%, #000000 100%), linear-gradient( @@ -125,7 +125,34 @@ $aboutCVShadow: 0 0 15px 0 var(--color-accent-shadow-profile); #0f0a3c 67%, #0f0a3c 100% ); - background-blend-mode: screen, overlay, hard-light, normal; + background-blend-mode: screen, overlay, hard-light, normal;*/ + + background: linear-gradient(to bottom, rgba(black, 0.35), transparent 70px), + radial-gradient(circle at center, #00000063, transparent 600px), + radial-gradient( + circle at top right, + #3e1a78 0, + #5049cbe3 25%, + #7bade382 45%, + transparent 50% + ), + radial-gradient( + circle at bottom left, + #078d70 0, + #26ceaae3 25%, + #99e8c282 45%, + transparent 75% + ), + linear-gradient( + to bottom left, + #3e1a78, + #5049cb, + #7bade3, + #fff, + #99e8c2, + #26ceaa, + #078d70 + ); } @mixin flexList { diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index 952e7b9..4c25087 100644 --- a/src/pages/index.module.scss +++ b/src/pages/index.module.scss @@ -102,6 +102,7 @@ width: calc(90% - 40px); max-width: 600px; transform: translate(-50%, 0%); + text-shadow: 0 0 40px black; .hello { font-weight: 300;