<script>
    import Nav from '$lib/Nav.svelte';
    import Modal from '$lib/Modal.svelte'
</script>

<style>
    :global(html[data-theme='dark']) {
        --background-color: #222222;
        --headings-color: #ffffff;
        --font-color: #ffffff;
    }

    :global(body) {
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem;
        background-color: var(--background-color);
        color: var(--font-color);
        box-sizing: border-box;
    }
</style>

<Modal/>
<Nav/>

<slot></slot>

<footer class="container"></footer>
