diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 896bde8..4eec70c 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -31,6 +31,7 @@ import Footer from '../components/Footer.astro'; --color-text: hsl(12, 5%, 4%); --color-bg: hsl(10, 21%, 95%); --color-border: hsl(17, 24%, 90%); + --color-link: #416fff; --color-brand-blue-1: #3054bf; --color-brand-blue-2: #203880; @@ -38,7 +39,8 @@ import Footer from '../components/Footer.astro'; --color-brand-blue-4: #101c40; --color-brand-blue-5: #3964e6; - --ayo-gradient: linear-gradient(45deg, #3054bf, #203880); + + --ayo-gradient: linear-gradient(45deg, #3054bf, #416fff); } html { @@ -80,7 +82,7 @@ import Footer from '../components/Footer.astro'; a { font-weight: 900; - color: var(--color-brand-blue-2); + color: var(--color-link); border-radius: 0.4rem; } diff --git a/src/pages/index.astro b/src/pages/index.astro index c7d14f1..6221be5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -80,7 +80,7 @@ import Footer from "../components/Footer.astro"; .highlighted-section { background: var(--ayo-gradient); - background-size: 400% 400%; + background-size: 500% 500%; background-color: var(--); animation: pulse 15s ease-in-out infinite; box-shadow: 0 8px 8px -4px lightblue; diff --git a/src/pages/social.astro b/src/pages/social.astro index e366052..d7487f3 100644 --- a/src/pages/social.astro +++ b/src/pages/social.astro @@ -44,6 +44,7 @@ import Footer from '../components/Footer.astro'; font-weight: 900; background-image: var(--ayo-gradient); animation: pulse 4s ease-in-out infinite; + background-size: 500% 500%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 100% 200%;