<script>
    import Nav from "$lib/components/nav.svelte"
    import Footer from "$lib/components/footer.svelte"
</script>

<div class="p-10 mx-auto flex flex-col items-center max-w-2xl site">
<Nav/>
<slot></slot>
<Footer/>
</div>

<style>

:global(*) {
    padding: 0;
    text-decoration: none;
    color : black
}

.site {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 50em;

    display: flex;
    flex-direction: column;
    align-items: center;
}
</style>