body {
  background-color: var(--bgcolor-2);
  color: var(--fgcolor-1);
}

#header-block {
  display: block;
  position: fixed;
  width: 100vw;
  color: var(--fgcolor-2);
  height: var(--header-height);
  padding: 5px;
  padding-top: var(--header-half-height);
  background-color: var(--highlight-1);
  border-bottom: solid var(--border-size) var(--highlight-2);
  margin-bottom: translateY(-100%);
}

#header-block h1 {
  transform: translateY(-50%);
}

#site-block {
  display: block;
  padding-top: calc(var(--header-height) - var(--border-size));
}

#content-block {
  display: block;
  max-width: var(--site-width);
  width: 100vw;
  padding: 10px;
  background-color: var(--bgcolor-3);
  margin-left: auto;
  margin-right: auto;
  border: solid var(--border-size) var(--bgcolor-1);
}

@media only screen and (max-width: 960px) {
  #content-block {
    border-left: none;
    border-right: none;
  }
}