diff --git a/assets/css/010_colors.css b/assets/css/010_colors.css
index 967c76e..e280b0e 100644
--- a/assets/css/010_colors.css
+++ b/assets/css/010_colors.css
@@ -146,272 +146,242 @@ hr {
 }
 
 
-.content {
-  .codeblock {
-    color: var(--foreground);
-    background-color: var(--background);
-    border: 1px solid var(--gray6);
+.codeblock {
+  .err {
+    color: var(--red);
+  }
 
-    .err {
-      color: var(--red);
-    }
+  /* line link */
+  .lnlinks {
+    outline: none;
+    text-decoration: none;
+    color: inherit;
+  }
 
-    /* line link */
-    .lnlinks {
-      outline: none;
-      text-decoration: none;
-      color: inherit;
-    }
+  .line {
+    display: flex;
+  }
 
-    .line {
-      display: flex;
-    }
+  /* keyword */
+  .k {
+    color: var(--purple);
+  }
 
-    /* keyword */
-    .k {
-      color: var(--purple);
-    }
+  /* keyword: constant */
+  /* keyword: declaration */
+  /* keyword: pseudo */
+  /* keyword: reserved */
+  .kc, .kd, .kp, .kr {
+    color: var(--orange);
+  }
 
-    /* keyword: constant */
-    /* keyword: declaration */
-    /* keyword: pseudo */
-    /* keyword: reserved */
-    .kc, .kd, .kp, .kr {
-      color: var(--orange);
-    }
+  /* keyword: namespace */
+  .kn {
+    color: var(--yellow);
+  }
 
-    /* keyword: namespace */
-    .kn {
-      color: var(--yellow);
-    }
+  /* keyword: type */
+  .kt {
+    color: var(--yellow);
+    font-weight: bolder;
+  }
 
-    /* keyword: type */
-    .kt {
-      color: var(--yellow);
-      font-weight: bolder;
-    }
+  /* line highlight */
+  .hl {
+    background-color: var(--selection);
+  }
 
-    /* line highlight */
-    .hl {
-      background-color: var(--selection);
-    }
+  /* line numbers */
+  .ln {
+    white-space: pre;
+    -webkit-user-select: none;
+    user-select: none;
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+    color: #7f7f7f;
+  }
 
-    /* line numbers */
-    .ln {
-      white-space: pre;
-      -webkit-user-select: none;
-      user-select: none;
-      margin-right: 0.4em;
-      padding: 0 0.4em 0 0.4em;
-      color: #7f7f7f;
-    }
+  /* NameAttribute */
+  .na {
+    color: #a6e22e;
+  }
 
-    /* NameAttribute */
-    .na {
-      color: #a6e22e;
-    }
+  /* NameClass */
+  .nc {
+    color: #a6e22e;
+  }
 
-    /* NameClass */
-    .nc {
-      color: #a6e22e;
-    }
+  /* NameConstant */
+  .no {
+    color: #66d9ef;
+  }
 
-    /* NameConstant */
-    .no {
-      color: #66d9ef;
-    }
+  /* name: decorator */
+  .nd {
+    color: #a6e22e;
+  }
 
-    /* name: decorator */
-    .nd {
-      color: #a6e22e;
-    }
+  /* name: exception */
+  .ne {
+    color: var(--green);
+    font-weight: bolder;
+  }
 
-    /* name: exception */
-    .ne {
-      color: var(--green);
-      font-weight: bolder;
-    }
+  /* NameFunction */
+  .nf {
+    color: var(--green);
+  }
 
-    /* NameFunction */
-    .nf {
-      color: var(--green);
-    }
+  /* NameOther */
+  .nx {
+    color: #a6e22e;
+  }
 
-    /* NameOther */
-    .nx {
-      color: #a6e22e;
-    }
+  /* NameTag */
+  .nt {
+    color: #f92672;
+  }
 
-    /* NameTag */
-    .nt {
-      color: #f92672;
-    }
+  /* Literal */
+  .l {
+    color: #ae81ff;
+  }
 
-    /* Literal */
-    .l {
-      color: #ae81ff;
-    }
+  /* LiteralDate */
+  .ld {
+    color: #e6db74;
+  }
 
-    /* LiteralDate */
-    .ld {
-      color: #e6db74;
-    }
+  /* LiteralString */
+  .s {
+    color: #e6db74;
+  }
 
-    /* LiteralString */
-    .s {
-      color: #e6db74;
-    }
+  /* LiteralStringBacktick */
+  .sb {
+    color: #e6db74;
+  }
 
-    /* LiteralStringBacktick */
-    .sb {
-      color: #e6db74;
-    }
+  /* LiteralStringChar */
+  .sc {
+    color: #e6db74;
+  }
 
-    /* LiteralStringChar */
-    .sc {
-      color: #e6db74;
-    }
+  /* LiteralStringDelimiter */
+  .dl {
+    color: #e6db74;
+  }
 
-    /* LiteralStringDelimiter */
-    .dl {
-      color: #e6db74;
-    }
+  /* LiteralNumberIntegerLong */
+  .il {
+    color: #ae81ff;
+  }
 
-    /* LiteralNumberIntegerLong */
-    .il {
-      color: #ae81ff;
-    }
+  /* literal: number */
+  /* literal: number, bin */
+  /* literal: number, float */
+  /* literal: number, hex */
+  /* literal: number, integer */
+  .m, .mb, .mf, .mh, .mi {
+    color: var(--purple);
+    font-weight: bolder;
+  }
 
-    /* literal: number */
-    /* literal: number, bin */
-    /* literal: number, float */
-    /* literal: number, hex */
-    /* literal: number, integer */
-    .m, .mb, .mf, .mh, .mi {
-      color: var(--purple);
-      font-weight: bolder;
-    }
+  /* LiteralNumberOct */
+  .mo {
+    color: #ae81ff;
+  }
 
-    /* LiteralNumberOct */
-    .mo {
-      color: #ae81ff;
-    }
+  /* name: built-in */
+  .nb {
+    color: var(--green);
+  }
 
-    /* name: built-in */
-    .nb {
-      color: var(--green);
-    }
+  /* Operator */
+  .o {
+    color: var(--orange);
+  }
 
-    /* Operator */
-    .o {
-      color: var(--orange);
-    }
+  /* OperatorWord */
+  .ow {
+    color: #f92672;
+  }
 
-    /* OperatorWord */
-    .ow {
-      color: #f92672;
-    }
+  /* LiteralStringDoc */
+  .sd {
+    color: #e6db74;
+  }
 
-    /* LiteralStringDoc */
-    .sd {
-      color: #e6db74;
-    }
+  /* LiteralStringDouble */
+  .s2 {
+    color: #e6db74;
+  }
 
-    /* LiteralStringDouble */
-    .s2 {
-      color: #e6db74;
-    }
+  /* LiteralStringEscape */
+  .se {
+    color: #ae81ff;
+  }
 
-    /* LiteralStringEscape */
-    .se {
-      color: #ae81ff;
-    }
+  /* LiteralStringHeredoc */
+  .sh {
+    color: #e6db74;
+  }
 
-    /* LiteralStringHeredoc */
-    .sh {
-      color: #e6db74;
-    }
+  /* LiteralStringInterpol */
+  .si {
+    color: #e6db74;
+  }
 
-    /* LiteralStringInterpol */
-    .si {
-      color: #e6db74;
-    }
+  /* LiteralStringOther */
+  .sx {
+    color: #e6db74;
+  }
 
-    /* LiteralStringOther */
-    .sx {
-      color: #e6db74;
-    }
+  /* literal: string, regex */
+  .sr {
+    color: var(--green);
+  }
 
-    /* literal: string, regex */
-    .sr {
-      color: var(--green);
-    }
+  /* literal: string, affix */
+  /* literal: string, single */
+  /* literal: string, symbol */
+  .sa, .s1, .ss {
+    color: var(--yellow);
+  }
 
-    /* literal: string, affix */
-    /* literal: string, single */
-    /* literal: string, symbol */
-    .sa, .s1, .ss {
-      color: var(--yellow);
-    }
+  /* comment */
+  /* comment: hashbang */
+  /* comment: multiline */
+  /* comment: single */
+  /* comment: special */
+  /* comment: preproc */
+  /* comment: preproc file */
+  .c, .ch, .cm, .c1, .cs, .cp, .cpf {
+    color: #75715e;
+  }
 
-    /* Comment */
-    .c {
-      color: #75715e;
-    }
+  /* GenericDeleted */
+  .gd {
+    color: #f92672;
+  }
 
-    /* CommentHashbang */
-    .ch {
-      color: #75715e;
-    }
+  /* GenericEmph */
+  .ge {
+    font-style: italic;
+  }
 
-    /* CommentMultiline */
-    .cm {
-      color: #75715e;
-    }
+  /* GenericInserted */
+  .gi {
+    color: #a6e22e;
+  }
 
-    /* CommentSingle */
-    .c1 {
-      color: #75715e;
-    }
+  /* GenericStrong */
+  .gs {
+    font-weight: bold;
+  }
 
-    /* CommentSpecial */
-    .cs {
-      color: #75715e;
-    }
-
-    /* CommentPreproc */
-    .cp {
-      color: #75715e;
-    }
-
-    /* CommentPreprocFile */
-    .cpf {
-      color: #75715e;
-    }
-
-    /* GenericDeleted */
-    .gd {
-      color: #f92672;
-    }
-
-    /* GenericEmph */
-    .ge {
-      font-style: italic;
-    }
-
-    /* GenericInserted */
-    .gi {
-      color: #a6e22e;
-    }
-
-    /* GenericStrong */
-    .gs {
-      font-weight: bold;
-    }
-
-    /* GenericSubheading */
-    .gu {
-      color: #75715e;
-    }
+  /* GenericSubheading */
+  .gu {
+    color: #75715e;
   }
 }