---
import MainHeader from '../components/MainHeader.astro';
import Footer from '../components/Footer.astro';
export interface Props {
	title: string;
}

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

<!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" />
		<meta name="generator" content={Astro.generator} />
		<title>{title}</title>
	</head>
	<body>
		<MainHeader />
		<div class="pt-[100px]">
			<slot />
		</div>
		<Footer />
	</body>
</html>
<style is:global>
  	@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap');
	*{
		font-family: 'Quicksand', sans-serif;
	}
	hr{
        margin-top: 4px;
        margin-bottom: 10px;
        border: 0;
        border-top: 2px solid rgba(21, 20, 20, 0.1);
    }
	/* :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>
