---
const { title, description, image } = Astro.props;
const siteTitle = 'Abdullah Tarawneh';
import siteIcon from '/src/public/people/trwnh/trwnh.png';

import SEO from '../components/SEO.astro';
---

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<SEO 
		title={title}
		siteTitle={siteTitle}
		description={description}
		image={image ? image : siteIcon}
	/>
</head>
<body>
	<slot />
</body>
</html>

<style is:global>
	html {
		--container-max: 120rem;
	}

	.container {
		max-inline-size: var(--container-max);
		margin-inline: auto;
	}
</style>