@font-face{
  font-family : 'Baskerville';
  font-weight : 400;
  src         : url(LibreBaskervilleBold.woff2);
}

@font-face{
  font-family : 'Baskerville';
  font-weight : 300;
  src         : url(LibreBaskerville.woff2);
}

html {
  font-family : Baskerville,serif;
}

header {
    background-image: url('banner.svg');
    background-size: cover;
}

@media (min-width: 1831px) {
  header {
    background-size: contain;
  }
}

/* ---------
*  index.rst
*  --------- */
figure#picture-of-bjorn {
  float: right;
  height: auto;
  width: clamp(120px, 40%, 200px);
  padding-right: 0;
  padding-top: 0;
}