<template>
  <header>
    <Nav/>
  </header>
  <main>
    <div class="spacer"></div>
    <router-view name="main" />
  </main>
  <footer class="mt-auto">
    <Footer />
  </footer>
</template>

<script>
import Nav from "@/components/Nav";
import Footer from "@/components/Footer";

export default {
  components: {Footer, Nav},
}
</script>

<style>
@font-face {
  font-family: "Obitron";
  src: local("Obitron"), url("assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
}

.spacer {
  height: 70px;
}
</style>
