@font-face {
  src: url(/assets/fonts/RobotoMono.ttf);
  font-family: "RobotoMono";
}
.content-header {
  background: var(--airport-dark-2) linear-gradient(to right, var(--airport-dark-2) 0%, var(--airport-dark) 50%, var(--airport-dark-2) 100%);
  padding: 0.5em 1em 1em;
  color: var(--bg);
}
.content-header h1 {
  margin: 0;
}
.content-header .page-date {
  display: flex;
  justify-content: space-between;
  font-variant: small-caps;
}

.content-body {
  padding: 0.5em 2em;
}
.content-body blockquote {
  margin: 0;
  border-left: solid 0.25em var(--airport-dark);
  padding-left: 1em;
}
.content-body img {
  image-rendering: auto;
}
.content-body h1,
.content-body h2 {
  margin: 1.5em calc(var(--font-size) * -2) 0;
  background: var(--airport-dark) linear-gradient(to right, var(--airport-dark) 0%, rgb(80, 82, 255) 50%, var(--airport-dark) 100%);
  padding: 0.25em var(--font-size);
  color: var(--bg);
}
.content-body h1 a,
.content-body h2 a {
  color: white;
}
.content-body h3,
.content-body h4,
.content-body h5,
.content-body h6 {
  margin: 1.5em calc(var(--font-size) * -2) 0;
  padding: 0.25em var(--font-size);
  color: var(--airport-dark);
}
.content-body code {
  border-radius: 0.33em;
  background-color: #333;
  padding: 0.05em 0.25em;
  overflow-x: auto;
  color: var(--bg);
  font-family: RobotoMono, "Courier New", Courier, monospace;
  tab-size: 4;
}
.content-body pre code {
  display: block;
}
.content-body img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.content-body video {
  max-width: 100%;
}
.content-body .gallery {
  margin: 0 -1em;
}
.content-body .gallery > p {
  display: grid;
  padding: 0;
}
.content-body .gallery-8 > p {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
}
.content-body .gallery-3 > p {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, auto);
}
.content-body center img {
  display: inline;
}
.content-body li {
  padding: 0.25em 0;
}

.smallen-img {
  margin: auto;
  max-width: 50%;
}

center.icon {
  margin: auto;
  max-width: 200px;
}