@charset "UTF-8";
body {
  font-size: 16px;
}

pre {
  display: -ms-grid;
  display: grid;
  counter-reset: line;
  min-width: 500px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}

pre code {
  counter-increment: line;
  line-height: 1.7em;
  display: inline-block;
}

pre code::before {
  display: inline-block;
  width: 25px;
  content: counter(line);
  text-align: right;
  border-right: 1px solid rgba(83, 81, 81, 0.5);
  padding-right: 5px;
  margin-right: 5px;
}

pre code:nth-child(odd) {
  background-color: rgba(201, 206, 206, 0.3);
}

blockquote {
  display: -ms-grid;
  display: grid;
  width: 500px;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}

blockquote code {
  display: inline-block;
  color: inherit;
  background-color: rgba(175, 175, 174, 0.315);
  border-radius: inherit;
}

blockquote code::before {
  content: "►";
  padding-right: 5px;
  color: rgba(83, 81, 81, 0.5);
}

header,
footer {
  min-height: 50px;
  padding-top: 20px;
  font-size: 10px;
}
/*# sourceMappingURL=style.css.map */