<script lang="ts">
  import SvgContent from "./components/SVGContent.svelte";

  function setBackground(ev: CustomEvent<string>) {
    document.body.style.background = ev.detail;
  }
</script>

<main>
  <SvgContent url="content/intro.svg" on:setBackground={setBackground} />
</main>

<style lang="scss">
  :global {
    html,
    body {
      overflow: hidden;
      background: black;
    }

    html,
    body,
    #app,
    main,
    main > * {
      width: 100%;
      height: 100%;
      cursor: default;
    }
  }
</style>
