<script lang="ts">
	import '../app.css';
	import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
	import BottomNavigation from '../lib/BottomNavigation.svelte';
	import TopNav from '../lib/TopNav.svelte';
</script>

<TopNav />
<div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl mb-20 md:mb-0">
	<slot />
</div>
<BottomNavigation />
<footer class="">
	<div class="hidden md:block text-sm text-stone-400 mt-12 text-center">
		<p>built by christian rannes 2024</p>
	</div>
</footer>
