html {
  font-family: monospace;

  color: var(--fg);
  background: var(--bg_h);
  font-size: 1.5em;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.5em;
}

h6 {
  font-size: 1.5em;
}

a {
  color: var(--blue);
}

a:visited {
  color: var(--purple);
}

code {
  color: var(--yellow);
}

blockquote {
  border-left: 3px solid var(--bg1);
  padding-left: 16px;
}

@media only screen and (min-width: 800px) {
  body {
    margin-left: 10vw;
    margin-right: 10vw;
  }
}

@media only screen and (min-width: 1100px) {
  body {
    margin-left: 20vw;
    margin-right: 20vw;
  }
}