<template>
	<div class="container">
		<header class="header">
			<h1>Pubload</h1>
		</header>

		<div class="content"><slot /></div>
	</div>
</template>

<script lang="ts" setup>
import Link from '../components/Link.vue'
import '../assets/css/style.css'
</script>

<style>
.container {
	height: 100%;
	display: flex;
	flex-direction: column;
    color: var(--text);
    background: var(--background);
}

.page {
	width: 100%;
	max-width: 1000px;
}
</style>

<style scoped>
.header {
	display: flex;
	justify-content: center;
}

.content {
	display: flex;
	justify-content: center;
}
</style>
