<script>
	export const prerender = true;
</script>

<header>
	<nav>
		<a href="/">Home</a>
		<a href="/projects">Projects</a>
		<a href="/blogs/0">Blogs</a>
		<a href="/contact">Contact</a>
	</nav>
</header>

<style>
	nav {
		display: flex;
		flex-direction: row;
	}

	nav a {
		color: #ffffff;
		margin-right: 20px;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	nav a:hover {
		cursor: pointer;
		color: #91a4d2;
	}
</style>
