more easily visible navbar

src/components/navbutton.svelte

@@ -1,15 +1,26 @@
 <script>
+	import {page} from '$app/stores';
 	export let link = '';
 	export let text = '';
 </script>
 
 <a href="{link}">
-<button class="text-slate-50 py-2 px-4 font-montserrat font-light link-underline">
+<button class="{$page.url.pathname == link ? "active-now" : ""} text-violet-50 py-2 px-4 font-montserrat font-light link-underline">
 	{text}
 </button>
 </a>
 
 <style>
+	.active-now:before {
+		content: '';
+		position: absolute;
+		width: 100%;
+		transform: scaleX(1);
+		height: 2px;
+		bottom: 0;
+		left: 0;
+		background-color: #638CF6;
+	}
 	.link-underline {
 		display: inline-block;
 		position: relative;