<template>
  <nav>
    <h1>Vue SFC Playground</h1>
  </nav>
</template>

<style>
nav {
  height: var(--nav-height);
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
  position: relative;
  z-index: 999;
}

h1 {
  margin: 0;
  line-height: var(--nav-height);
  font-weight: 500;
}
</style>
