.brand-name {
  font-weight: 900;
  font-size: 1.25rem;
  border-radius: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  display: inline-block;
  border: 0.125em solid var(--black);
  box-shadow: var(--box-shadow);
}

#site-header .brand-name {
  background-color: var(--tertiary);
  color: var(--black);
}

#site-footer .brand-name {
  background-color: var(--black);
  color: var(--tertiary);
}