#background_canvas {
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  z-index: -100;
  position: absolute;
}

body {
  margin: 0 auto;
  max-width: 50em;
  line-height: 1.5em;
  font-family: "Iosevka Aile Web", sans-serif;
}

strong, b {
  font-weight: 700;
}

.foo {
  overflow: hidden;
}
.foo::before {
  content: "// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a";
  white-space: pre;
  display: block;
}

.comment {
  position: relative;
  overflow: hidden;
  padding-left: 2em;
  margin: 0.5em, 0, 0.5em, 0;
}
.comment::before {
  font-family: "Iosevka Web";
content: "// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a// \a";
  position: absolute;
  overflow: hidden;
  white-space: pre;
  left: 0;
  top: 0;
}

.warning {
  position: relative;
  overflow: hidden;
  padding-left: 2em;
  margin: 0.5em, 0, 0.5em, 0;
}
.warning::before {
  font-family: "Iosevka Web";
  content: "!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a!! \a";
  position: absolute;
  overflow: hidden;
  white-space: pre;
  left: 0;
  top: 0;
  color: purple;
}

ul {
  list-style-type: "\2192";
  padding-left: 1.5em;
}

ul li {
  padding-left: 0.5em;
  padding-top: 0.5em;
}
ul li:first-child {
  padding-top: 0;
}