---
interface Props {
	title: string;
}

const { title } = Astro.props;
---

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="description" content="Samuel Shuert's main site" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<link rel="me" href="https://tty0.social/@thecodedprof" />
		<meta name="generator" content={Astro.generator} />
		<title>{title}</title>
	</head>
	<body class="bg-mantle flex justify-center">
		<main class="flex justify-center my-4 mx-4 w-full flex-col gap-2 lg:w-[1024px]">
			<slot />
		</main>
	</body>
</html>
<style is:global>
	@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
	:root {
		font-family: 'Fira Code', sans-serif;
	}
</style>