<script>
    import Header from '$lib/header/Header.svelte';
    import '../app.css';
</script>

<Header />
<main>
    <slot />
</main>

<footer>
    <p><a href="https://dereechoamorir.org">derechoamorir.org</a></p>
</footer>

<style>
    main {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
    }

    footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
    }

    footer a {
	font-weight: bold;
    }

    @media (min-width: 480px) {
	footer {
	    padding: 40px 0;
	}
    }
</style>
