diff --git a/src/lib/Nav.svelte b/src/lib/Nav.svelte
index 032cb3d..4fcc832 100644
--- a/src/lib/Nav.svelte
+++ b/src/lib/Nav.svelte
@@ -50,13 +50,15 @@
     .links > *:hover {
         background-color: var(--accent-tertiary);
         text-decoration: none;
-        color: var(--secondary);
+	transition: all 0.5s;
+	color: var(--secondary);
     }
 
     .links > *:active {
         background-color: var(--accent-primary);
         text-decoration: none;
-        color: var(--secondary);
+	transition: all 0.5s;
+	color: var(--secondary);
     }
 
     img {
@@ -81,4 +83,4 @@
             gap: 19px;
         }
     }
-</style>
\ No newline at end of file
+</style>