html {
  background-color: hsl(270 7.5% 15%);
}

body {
  margin: 0;
  min-height: 100vh;
}

@font-face {
  font-family: "TerminusFont";
  src: url("Terminus.ttf");
}

* {
  font-family: "TerminusFont";
  color: hsl(0, 0%, 100%);
}

body {
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("img/simple-stars.png");
  background-size: 256px;
  background-repeat: repeat;
  pointer-events: none;
  z-index: -1;
}

.post-body img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border: grey solid 1px;
  margin: 0 auto;
}

.post-body img.img-50 {
  width: 50%;
  /* max-width: 100%; */
}

.post-body img.pixel-art {
  image-rendering: pixelated;
  width: 50%;
}

.post-body img.img-100 {
  image-rendering: pixelated;
  width: 100%;
}

@media (max-width: 768px) {
  .post-body img {
    width: 100%;
    /* max-width: 100%; */
  }
}