---
import "../styles/global.css";
import Head from "./Head.astro";
import Navigation from "../components/Navigation.astro";
const { title = "Just a title", description = "Adescription" } = Astro.props;
---
<!doctype html>
<html lang="en">
	<Head {title} {description} />
	<body>
		<Navigation />
		<div class="container max-w-4xl mx-auto p-4">
			<slot />
		</div>
	</body>
</html>

<style>
	html,
	body {
		margin: 0;
		width: 100%;
		height: 100%;
	}
</style>
