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

<div class="site">
<Nav/>
<slot></slot>
<Footer/>
</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');

:global(*) {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style-type: none;
    color : black;

    --gray: rgb(160, 160, 160);
    --lightgray: rgb(240, 240, 240);
}

.site {
    display: flex;
    flex-direction: column;
}

</style>