<!--
To add an extended head section, please create
`layouts/partials/extended_head.html` in your Hugo directory.
-->

<style>
#banner {
  width: 100%;
  height: 2rem;
  display: grid;
  grid-template-columns:  1fr auto;
  background: var(--accent);
} 
  
#banner span {
  display: flex;
  align-items: center;
  justify-content: center;
}

#banner a {
  color: var(--background);
  display: inline;
}

#banner > button {
  padding: 0 5px 0 0;
  margin: 0;
}
</style>

<div id="banner"><span><a href="{{ $.Site.Params.Banner.url }}">{{ $.Site.Params.Banner.text }}</a></span></div>