---
interface Props {
	title: string;
}

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

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="description" content="Astro description" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="icon" type="image/svg+xml" href="/favicon.gif" />
		<link rel="stylesheet" href="https://unpkg.com/98.css" />
		<meta name="generator" content={Astro.generator} />
		<title>{title}</title>
	</head>
	<body>
		<slot />
	</body>
</html>
<style is:global>
	* {
		/* windows 98 look */
		font-smooth: never;
		-webkit-font-smoothing: none;
		-moz-osx-font-smoothing: none;

		image-rendering: pixelated;

		font-family: "Pixelated MS Sans Serif", Arial !important;
	}
	body, html {
		background-color: #008080;


		/* PLEASE DONT RESIZE PLEASE */
		max-width: 100vw;
		max-height: 100vh;

		width: 100%;
		height: 100%;

		overflow-x: hidden;
		overflow-y: hidden;

		scroll-behavior: none;

		resize: none;

		overscroll-behavior-y: contain;
		touch-action: none;
	}

	.title-bar {
		user-select: none;
	}
</style>
