{{ define "header" }}
<style>
.logo {
  width: 4rem;
  margin: 1rem auto;
  display: block;
}
.breadcrumbs {
  box-shadow: 4px 4px var(--b_low);
  border: 1px solid var(--b_low);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  font-size: 1rem;
  font-family: monospace;
}
</style>
<div>
  <img class="logo" src="/assets/svg/logo-light.svg">
  <nav class="breadcrumbs">
    <a href="/">home</a> / <a href="/about">about</a> / <a href="/meta">meta</a> / <span style="font-weight: bold;">style</span>
  </nav>
</div>
{{ end }}