<script lang="ts">
  import Header from './Header.svelte';
  import './styles.scss';
  import { onMount } from "svelte";

  onMount(async () => {
    if( navigator.brave && await navigator.brave.isBrave() || !1 ) {
      window.location.href="/not-very-brave.html"
    }
  }); 
</script>
<div class="app">
  <Header>
    <main>
      <slot />
    </main>
  </Header>
</div>

<style>
  .app {
    display: flex;
    flex-direction: column;
  }

  main {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
      padding-top: 4em;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    box-sizing: border-box;
  }
</style>
