<template>
  <div id="app">
    <div id="navwrap">
      <nav id="topnav">
        <h1>
          DIRETTO
        </h1>
      </nav>
    </div>
    <router-view />
  </div>
</template>

<style scoped lang="postcss">
@import "assets/styles/theme";

#app {
  @apply flex;
}

#navwrap {
  @apply flex flex-1 flex-row px-2 justify-center;
  background: var(--ink);
}

#topnav {
  @apply flex flex-auto flex-row w-full;
  max-width: var(--maxwidth);
}

h1 {
  @apply text-2xl font-bold;
}
</style>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component({})
export default class App extends Vue {}
</script>
