Home.svelte

<script>
    import Fluid from "svelte-fluid-header"
    import Logo from '../components/Logo.svelte';
    import MenuNav from '../components/MenuNav.svelte'
    import DrawerMenu from '../components/home/DrawerMenu.svelte'
</script>

<style>
    header {
        padding: 5px 15px;
    }

    sidebar {
        left: -95px;
        background: none;
        position: relative;
    }

    #home-nav2 {
        padding: 15px 15px;
    }

    .home-body {
        height: 100vh;
        overflow: auto;
        background-repeat: no-repeat;
        background-size: 100vw 100vh;
        background-image: url('../images/home/background_2.png');
    }
</style>

<!-- <Box>
	<h2>Hello!</h2>
	<p>This is a box. It can contain anything.</p>
</Box> -->

<div class="home-body">
    <header>
        <Fluid>
            <div slot="left">
                <Logo />
            </div>
            <div slot="right">
                <MenuNav />
            </div>
            <div slot="drawer">
            </div>
        </Fluid>
    </header>