diff --git a/src/lib/Nav.svelte b/src/lib/Nav.svelte
index f9ae2e2..032cb3d 100644
--- a/src/lib/Nav.svelte
+++ b/src/lib/Nav.svelte
@@ -37,12 +37,12 @@
     }
 
     .links > * {
-        background-color: var(--accent-primary);
+        background-color: var(--tertiary);
         border: none;
         border-radius: 10px;
         padding: 1rem;
         cursor: pointer;
-        color: var(--secondary);
+        color: var(--text);
         font-family: var(--font-primary);
         text-decoration: none;
     }
@@ -50,6 +50,13 @@
     .links > *:hover {
         background-color: var(--accent-tertiary);
         text-decoration: none;
+        color: var(--secondary);
+    }
+
+    .links > *:active {
+        background-color: var(--accent-primary);
+        text-decoration: none;
+        color: var(--secondary);
     }
 
     img {
diff --git a/src/lib/app.css b/src/lib/app.css
index 1f55f6b..6acbf8a 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -1,11 +1,13 @@
 @font-face {
     font-family: Comfortaa;
     src: url("/Comfortaa.ttf");
+    font-display: swap;
 }
 
 html {
     --primary: #151515;
     --secondary: #252525;
+    --tertiary: #353535;
     --accent-primary: #00d4aa;
     --accent-secondary: #ce1717;
     --text: #fff;