pre.hl {
  background-color: #282A36;
  color: #F8F8F2;
  padding: 1em;
  border-radius: 4px;
  overflow-x: auto;
}
.hl-c1 { color: #6272A4; }
.hl-c2 { color: #FF5555; }
.hl-c3 { color: #50FA7B; }
.hl-c4 { color: #F1FA8C; }
.hl-c5 { color: #BD93F9; }
.hl-c6 { color: #FF79C6; }
.hl-c7 { color: #8BE9FD; }
.hl-c8 { color: #F8F8F2; }
.hl-c9 { color: #6272A4; }
.hl-c10 { color: #FF6E6E; }
.hl-c11 { color: #69FF94; }
.hl-c12 { color: #FFFFA5; }
.hl-c13 { color: #D6ACFF; }
.hl-c14 { color: #FF92DF; }
.hl-c15 { color: #A4FFFF; }
.hl-c16 { color: #FFFFFF; }
.hl-bold { font-weight: bold; }
.hl-italic { font-style: italic; }
.hl-underline { text-decoration: underline; }
