<script lang="ts">
	import '../app.css';
	import Navbar from '../components/navbar.svelte';
	import Footer from '../components/footer.svelte';
	let { children } = $props();
</script>

<div class="bg-[#1b1b1c]">
	<Navbar />
	<main class="mx-[7%] my-[1.5%] h-fit min-h-screen overflow-x-hidden bg-[#1b1b1c] md:mx-[13%]">
		{@render children()}
	</main>
	<Footer />
</div>
