@media (min-width: 732px) {
  body {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

body {
  color: #191919;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

pre {
  padding: 2px 2px 2px 1em;
  word-wrap: break-word;
}

code,
pre {
  background-color: #f7f7f7;
  white-space: pre-wrap;
}

blockquote {
  margin-right: 0;
}

blockquote > blockquote {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

nav a {
  text-decoration: none;
}

.cromwellian-pikeman {
  float: right;
  shape-outside: url(cromwellian-pikeman.svg);
  shape-image-threshold: 0;
  shape-margin: 1em;
  margin-left: 2em;
  max-width: 30vmax;
  filter: opacity(0.8);
}

.man-on-horse {
  float: right;
  margin-top: -26em;
  filter: opacity(0.7);
}

@media (max-width: 620px) {
  .man-on-horse { display: none; }
}