<script>
	import { enhancedImages } from '@sveltejs/enhanced-img';
</script>

<header class="flex justify-between items-center p-4 bg-slate-100 mb-8 drop-shadow-md">
	<enhanced:img
		src="$lib/assets/img/logo-full.webp"
		alt="Euroviisu Kotiraati 25"
		sizes="50px"
		class="rounded-md w-10 lg:w-24"
	/>
	<a href="/">
		<h1>Euroviisu Kotiraati 25</h1>
	</a>
	<nav class="text-xs lg:text-base">
		<ul>
			<li><a href="/login">Kirjaudu</a></li>
		</ul>
	</nav>
</header>
