Fix link colors & add text cursor

src/app.scss

@@ -46,4 +46,8 @@ body {
   --form-element-focus-color: var(--primary-focus);
   --switch-color: var(--primary-inverse);
   --switch-checked-background-color: var(--primary);
+}
+
+p {
+  cursor: text;
 }

src/routes/Header.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <div class="header-container">
-    <a class="link" href="/">
+    <a class="link contrast" href="/">
         <div class="header">
         <img class="logo" src="{logo}" alt="ExploreCraft Logo" />
         <div>ExploreCraft</div>
@@ -15,13 +15,13 @@
 	<nav id="navigation-bar">
 		<ul>
 			<li aria-current={$page.url.pathname === '/' ? 'page' : undefined}>
-				<a href="/">Home</a>
+				<a href="/" class="contrast">Home</a>
 			</li>
 			<li aria-current={$page.url.pathname === '/download' ? 'page' : undefined}>
-				<a href="/download">Download</a>
+				<a href="/download" class="contrast">Download</a>
 			</li>
 			<li aria-current={$page.url.pathname.startsWith('/gallery') ? 'page' : undefined}>
-				<a href="/gallery">Gallery</a>
+				<a href="/gallery" class="contrast">Gallery</a>
 			</li>
 			<li>
 				<Switcher/>