<script>
import Button from "./Button.svelte";
import Header from "./Header.svelte";
import Heading from "./Heading.svelte";
import Content from "./Content.svelte";
import InvertableBox from "./InvertableBox.svelte";
import Grid from "./Grid.svelte";
import Box from "./Box.svelte";
import Footer from "./Footer.svelte";
import ThemeEditor from "./ThemeEditor.svelte";
let boxes = new Array(32);
</script>
<svelte:head>
<style>
/* could also be handled via the theme, but we leave that static for now */
@import url("https://fonts.googleapis.com/css?family=Overpass&display=swap");
/* all css that we need is a global reset sheet */
html, body {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
font-family: "Overpass", sans-serif;
color: inherit;
text-decoration: none;
}
a:hover,
a:visited,
a:active {
text-decoration: none;
}