From 1663f3590d9cad29e0232c37c5bf830adca2495a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aleks=20R=C5=ABti=C5=86=C5=A1?= <aleks@rutins.com>
Date: Fri, 31 May 2024 21:04:51 -0400
Subject: [PATCH] fancy links

---
 src/routes/SectionLink.svelte | 2 +-
 src/routes/styles.css         | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/SectionLink.svelte b/src/routes/SectionLink.svelte
index 3e7de4f..d50b29d 100644
--- a/src/routes/SectionLink.svelte
+++ b/src/routes/SectionLink.svelte
@@ -22,7 +22,7 @@
         text-transform: uppercase;
         color: inherit;
         border: 2px solid;
-        transition-property: color border-color background-color;
+        transition-property: color, border-color, background-color;
         transition-duration: .5s;
     }
     a span, a svg {
diff --git a/src/routes/styles.css b/src/routes/styles.css
index 0fd24d3..39c400a 100644
--- a/src/routes/styles.css
+++ b/src/routes/styles.css
@@ -38,10 +38,13 @@ p {
 a {
 	color: var(--color-theme-1);
 	text-decoration: none;
+	border-bottom: 1px solid transparent;
+	transition-property: border-color;
+	transition-duration: .5s;
 }
 
 a:hover {
-	text-decoration: underline;
+	border-color: var(--color-theme-1);
 }
 
 h1 {