link styling update on the home page

Author: Godje

src/index.njk

@@ -25,24 +25,24 @@
 	<h1 class="introduction">Hello, I'm Daniel Mayovskiy</h1>
 	<h5 class="font-weight-normal">or {{ fw_med("@weirdmayo") }}, or {{ fw_med("@Godje") }}, depending on where you find me</h5>
 	<p class="personal-description">
-		I develop software, and have worked as full-stack most of my career. I specialize in user interfaces, mostly in the browser{#{{ link("browser", "#", 2) }}#}, but sometimes in the {{ exlink("terminal", "https://gitlab.com/Godje/pekabo", 3) }}. Further breakdown of my experience is in {{ exlink("my resume", "https://drive.google.com/file/d/1CIfX5nden3VHhBphY8DXE4wcmJKluKjV") }}. In my free time, I develop for Excited Fellas and play bass guitar. Feel free to reach out to me through {{ exlink("my email", "mailto:" + metadata.author.email )}}.
+		I develop software, and have worked as full-stack most of my career. I specialize in user interfaces, mostly in the browser{#{{ link("browser", "#", 2) }}#}, but sometimes in the {{ exlink("terminal", "https://gitlab.com/Godje/pekabo", 3) }}. Further breakdown of my experience is in {{ exlink("my resume", "https://drive.google.com/file/d/1CIfX5nden3VHhBphY8DXE4wcmJKluKjV") }}. In my free time, I develop for Excited Fellas and play bass guitar. Feel free to reach out to me through {{ exlink("my email", "mailto:" + metadata.author.email, 1 )}}.
 	</p>
 	<div class="cards">
 		<div class="card" style="border-left-color: var(--color-3)">
 			<h2>Recent Projects</h2>
 			<ul role="list">
-				<li><a href="/posts/campgames-project/">Campgames</a> (JS/Nunjucks)</li>
-				<li><a href="https://www.bitlearns.com/" target="_blank">BitLearns Analytics Dashboard</a> (React/Express)</li>
-				<li><a href="https://gitlab.com/Godje/pekabo" target="_blank">Pekabo</a> (Python)</li>
+				<li><a class="font-weight-medium text-color-1" href="/posts/campgames-project/">Campgames</a> (JS/Nunjucks)</li>
+				<li><a class="font-weight-medium text-color-2" href="https://www.bitlearns.com/" target="_blank">BitLearns Analytics Dashboard</a> (React/Express)</li>
+				<li><a class="font-weight-medium text-color-3" href="https://gitlab.com/Godje/pekabo" target="_blank">Pekabo</a> (Python)</li>
 			</ul>
 		</div>
 		<div class="card" style="border-left-color: var(--color-2)">
 			<h2>Social links</h2>
 			<ul role="list">
-				<li><a href="https://github.com/Godje">Github</a></li>
-				<li><a href="https://gitlab.com/Godje">Gitlab</a></li>
-				<li><a href="https://codepen.io/Godje">Codepen</a></li>
-				<li><a href="https://dev.to/weirdmayo">Dev.to</a></li>
+				<li><a class="font-weight-medium text-color-1" href="https://github.com/Godje">Github</a></li>
+				<li><a class="font-weight-medium text-color-4" href="https://gitlab.com/Godje">Gitlab</a></li>
+				<li><a class="font-weight-medium text-color-2" href="https://codepen.io/Godje">Codepen</a></li>
+				<li><a class="font-weight-medium text-color-3" href="https://dev.to/weirdmayo">Dev.to</a></li>
 			</ul>
 		</div>
 	</div>