+page.svelte

<script>
	import BarbiTheme from '$lib/theme/BarbiTheme.svelte';
	import Panel from '$lib/atoms/Panel.svelte';
</script>

<BarbiTheme />

<div style="background-color: var(--colour-primary); width: 100vw; height: 100vh">
	<Panel tag="a" space="sm" class="panel-navbar" hover>Cool stuff</Panel>
</div>

<h1>Welcome to your library project</h1>
<p>Create your package using @sveltejs/package and preview/showcase your work with SvelteKit</p>
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>

<div>foo</div>

<style>
	:global {
		.panel-navbar {
			/*width: 100%;*/

			margin: 5rem;
		}
	}
</style>