style: colors

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;
         }
 

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;

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%;