<script>
	import '../app.css';
	import { page } from '$app/stores';
	import Transition from '$lib/components/Transition.svelte';
</script>

<svelte:head>
	<meta property="og:site_name" content="m0e.space" />
	<meta property="og:image" content="/favicon.png" />
	<meta
		property="og:description"
		content="We are tech cuties from Ukraine, who love Open Source Software and hating russians"
	/>
</svelte:head>

<main
	class="w-full md:w-8/12 lg:w-6/12 md:rounded-4xl md:min-h-0 min-h-full flex flex-col pb-8 gap-12"
>
	<img class="h-38 w-full md:rounded-t-4xl" src="anime1.png" alt="anime girl 1" />
	<Transition url={$page.url}>
		<slot />
	</Transition>
</main>
