add new button design by midous request

Signed-off-by: Alex J <odyssey346@disroot.org>

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 {

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;