---
export interface Props {
	title: string;
}

const { title } = Astro.props;
import PopUpWindow from '../components/popUpWindow.vue';
import MainMenu from "../components/MainMenu.astro"
import Footer from '../components/Footer.astro';
---

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />
		<!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
		<link rel="icon" href="/favicon.ico" />
		<meta name="generator" content="silicon web generator" />
		<title>{title}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<script src="/js/inc.js" defer></script>
		<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9252259454702469" crossorigin="anonymous"></script>

	</head> 
	<body>
		<div>
			<PopUpWindow client:visible />
			<MainMenu />
			<slot />
			<Footer />
		</div>
	</body>
</html>
<style is:global>
	@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&display=swap');
	body{
		font-family: Quicksand;
	}
	/* :root {
		--accent: 124, 58, 237;
		--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
	}
	html {
		font-family: system-ui, sans-serif;
		background-color: #F6F6F6;
	}
	code {
		font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
			Bitstream Vera Sans Mono, Courier New, monospace;
	} */
</style>
