pre {
  background: #232023;
  color: #fcfcfc;
  padding: 1rem;
  border-radius: 6px;
  overflow: auto;
  font-family: Consolas,Monaco,monospace;
  border: 1px solid #f545f5;
  overflow-x: auto;
}

pre > code.hl {
  color: #fcfcfc;
}

code {
  color: #b421f8;
  line-height: 1.45;
}

.hl-comment      { color: #2c980c; font-style: italic; } /* dark.green */
.hl-keyword      { color: #2687f7; }                     /* medium.blue */
.hl-type         { color: #10c074; }                     /* dark.lime */
.hl-builtin      { color: #ecea71; }                     /* light.yellow */
.hl-function     { color: #ecea71; }                     /* light.yellow */
.hl-string       { color: #f7a717; }                     /* medium.orange */
.hl-number       { color: #6cf344; }                     /* light.green */
.hl-constant     { color: #ea79d8; }                     /* light.pink */
.hl-preprocessor { color: #ae6bdb; }                     /* light.purple */
.hl-attribute    { color: #f8c56a; }                     /* light.orange */
.hl-variable     { color: #29d3ff; }                     /* medium.cyan */
/* アセンブリ */
.hl-instruction  { color: #2687f7; }                     /* medium.blue */
.hl-register     { color: #1cbcd0; }                     /* dark.cyan */
.hl-directive    { color: #f545f5; }                     /* medium.pink */
.hl-label        { color: #ecea71; }                     /* light.yellow */