<script>
	import Header from '$lib/header/Header.svelte'
	import '../app.css'
	import { clientVersion } from '../lib/constants.js'
</script>

<Header />

<main>
	<slot />
</main>

<!--
<footer>Version {clientVersion}</footer>
-->

<style>
	main {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding: 1rem 1rem 0;
		width: 100%;
		/*
		max-width: 1024px;
		 */
		margin: 0 auto;
		box-sizing: border-box;
	}

	footer {
		padding: 5px;
		font-size: 75%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0.5;
	}

	footer a {
		font-weight: bold;
	}

	@media (min-width: 480px) {
	}
</style>
