From 87b5462471f5200d4593664c66e99a5ab68519e2 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 4 Jun 2025 12:16:18 +0800
Subject: [PATCH] Adjust paragraph colors and add link styling

---
 src/pages/about.astro | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/about.astro b/src/pages/about.astro
index ec70344..fdef169 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -41,7 +41,7 @@ import Layout from '../layouts/Layout.astro'
   .paragraph-title
     font-size: 1.8rem
     font-weight: 500
-    color: color.change(vars.$background, $lightness: 90%)
+    color: color.adjust(vars.$background, $lightness: 75%)
     margin-bottom: 1rem
 
     @media screen and (max-width: view.$mobile)
@@ -50,8 +50,13 @@ import Layout from '../layouts/Layout.astro'
   .paragraph-content
     font-size: 1rem
     line-height: 1.6
-    color: color.change(vars.$background, $lightness: 80%)
+    color: color.adjust(vars.$background, $lightness: 70%)
 
     @media screen and (max-width: view.$mobile)
       font-size: 0.75rem
+
+  a
+    text-decoration: none
+    color: color.adjust(vars.$background, $lightness: 40%)
+    transition: color 0.3s ease-in-out
 </style>