diff --git a/themes/etch-custom/assets/css/dark.css b/themes/etch-custom/assets/css/dark.css
index bce3d3e..4926e29 100644
--- a/themes/etch-custom/assets/css/dark.css
+++ b/themes/etch-custom/assets/css/dark.css
@@ -1,5 +1,5 @@
 @media (prefers-color-scheme: dark) {
-	html{
+	html {
 		background: black;
 		color: white;
 	}
@@ -11,9 +11,9 @@
 	hr {
 		border-color: #5c5c5c;
 	}
+
 	pre,
 	code {
 		border: 1px solid #333;
 	}
-
 }
diff --git a/themes/etch-custom/assets/css/main.css b/themes/etch-custom/assets/css/main.css
index a73271b..03e0c63 100644
--- a/themes/etch-custom/assets/css/main.css
+++ b/themes/etch-custom/assets/css/main.css
@@ -25,6 +25,7 @@ header nav ul li {
 	display: inline;
 	padding: 0 0.25rem;
 }
+
 .home {
 	font-size: 1.5rem;
 	font-weight: bold;
@@ -41,12 +42,12 @@ main .posts li {
 	margin-bottom: 1rem;
 }
 
-/* single.html styles */
 h1 {
 	font-size: 1.5rem;
 	line-height: 2rem;
 	margin: 1.5rem 0 1rem;
 }
+
 h2 {
 	font-size: 1.25rem;
 	margin: 1.5rem 0 1rem;
diff --git a/themes/etch-custom/assets/css/syntax.css b/themes/etch-custom/assets/css/syntax.css
index 350286e..f695e0c 100644
--- a/themes/etch-custom/assets/css/syntax.css
+++ b/themes/etch-custom/assets/css/syntax.css
@@ -1,59 +1,253 @@
-/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
-/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
-/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
-/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
-/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* Keyword */ .chroma .k { color: #66d9ef }
-/* KeywordConstant */ .chroma .kc { color: #66d9ef }
-/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
-/* KeywordNamespace */ .chroma .kn { color: #f92672 }
-/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
-/* KeywordReserved */ .chroma .kr { color: #66d9ef }
-/* KeywordType */ .chroma .kt { color: #66d9ef }
-/* NameAttribute */ .chroma .na { color: #a6e22e }
-/* NameClass */ .chroma .nc { color: #a6e22e }
-/* NameConstant */ .chroma .no { color: #66d9ef }
-/* NameDecorator */ .chroma .nd { color: #a6e22e }
-/* NameException */ .chroma .ne { color: #a6e22e }
-/* NameFunction */ .chroma .nf { color: #a6e22e }
-/* NameOther */ .chroma .nx { color: #a6e22e }
-/* NameTag */ .chroma .nt { color: #f92672 }
-/* Literal */ .chroma .l { color: #ae81ff }
-/* LiteralDate */ .chroma .ld { color: #e6db74 }
-/* LiteralString */ .chroma .s { color: #e6db74 }
-/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
-/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
-/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
-/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
-/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
-/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
-/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
-/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
-/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
-/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
-/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
-/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
-/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
-/* LiteralNumber */ .chroma .m { color: #ae81ff }
-/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
-/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
-/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
-/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
-/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
-/* Operator */ .chroma .o { color: #f92672 }
-/* OperatorWord */ .chroma .ow { color: #f92672 }
-/* Comment */ .chroma .c { color: #75715e }
-/* CommentHashbang */ .chroma .ch { color: #75715e }
-/* CommentMultiline */ .chroma .cm { color: #75715e }
-/* CommentSingle */ .chroma .c1 { color: #75715e }
-/* CommentSpecial */ .chroma .cs { color: #75715e }
-/* CommentPreproc */ .chroma .cp { color: #75715e }
-/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
-/* GenericDeleted */ .chroma .gd { color: #f92672 }
-/* GenericEmph */ .chroma .ge { font-style: italic }
-/* GenericInserted */ .chroma .gi { color: #a6e22e }
-/* GenericStrong */ .chroma .gs { font-weight: bold }
-/* GenericSubheading */ .chroma .gu { color: #75715e }
+/* Background */
+.chroma {
+	background-color: #272822;
+	color: #f8f8f2;
+}
+/* Error */
+.chroma .err {
+	background-color: #1e0010;
+	color: #960050;
+}
+/* LineTableTD */
+.chroma .lntd {
+	border: 0;
+	margin: 0;
+	padding: 0;
+	vertical-align: top;
+}
+/* LineTable */
+.chroma .lntable {
+	border: 0;
+	border-spacing: 0;
+	display: block;
+	margin: 0;
+	overflow: auto;
+	padding: 0;
+	width: auto;
+}
+/* LineHighlight */
+.chroma .hl {
+	background-color: #ffffcc;
+	display: block;
+	width: 100%;
+}
+/* LineNumbersTable */
+.chroma .lnt {
+	color: #7f7f7f;
+	margin-right: 0.4em;
+	padding: 0 0.4em;
+}
+/* LineNumbers */
+.chroma .ln {
+	color: #7f7f7f;
+	margin-right: 0.4em;
+	padding: 0 0.4em;
+}
+/* Keyword */
+.chroma .k {
+	color: #66d9ef;
+}
+/* KeywordConstant */
+.chroma .kc {
+	color: #66d9ef;
+}
+/* KeywordDeclaration */
+.chroma .kd {
+	color: #66d9ef;
+}
+/* KeywordNamespace */
+.chroma .kn {
+	color: #f92672;
+}
+/* KeywordPseudo */
+.chroma .kp {
+	color: #66d9ef;
+}
+/* KeywordReserved */
+.chroma .kr {
+	color: #66d9ef;
+}
+/* KeywordType */
+.chroma .kt {
+	color: #66d9ef;
+}
+/* NameAttribute */
+.chroma .na {
+	color: #a6e22e;
+}
+/* NameClass */
+.chroma .nc {
+	color: #a6e22e;
+}
+/* NameConstant */
+.chroma .no {
+	color: #66d9ef;
+}
+/* NameDecorator */
+.chroma .nd {
+	color: #a6e22e;
+}
+/* NameException */
+.chroma .ne {
+	color: #a6e22e;
+}
+/* NameFunction */
+.chroma .nf {
+	color: #a6e22e;
+}
+/* NameOther */
+.chroma .nx {
+	color: #a6e22e;
+}
+/* NameTag */
+.chroma .nt {
+	color: #f92672;
+}
+/* Literal */
+.chroma .l {
+	color: #ae81ff;
+}
+/* LiteralDate */
+.chroma .ld {
+	color: #e6db74;
+}
+/* LiteralString */
+.chroma .s {
+	color: #e6db74;
+}
+/* LiteralStringAffix */
+.chroma .sa {
+	color: #e6db74;
+}
+/* LiteralStringBacktick */
+.chroma .sb {
+	color: #e6db74;
+}
+/* LiteralStringChar */
+.chroma .sc {
+	color: #e6db74;
+}
+/* LiteralStringDelimiter */
+.chroma .dl {
+	color: #e6db74;
+}
+/* LiteralStringDoc */
+.chroma .sd {
+	color: #e6db74;
+}
+/* LiteralStringDouble */
+.chroma .s2 {
+	color: #e6db74;
+}
+/* LiteralStringEscape */
+.chroma .se {
+	color: #ae81ff;
+}
+/* LiteralStringHeredoc */
+.chroma .sh {
+	color: #e6db74;
+}
+/* LiteralStringInterpol */
+.chroma .si {
+	color: #e6db74;
+}
+/* LiteralStringOther */
+.chroma .sx {
+	color: #e6db74;
+}
+/* LiteralStringRegex */
+.chroma .sr {
+	color: #e6db74;
+}
+/* LiteralStringSingle */
+.chroma .s1 {
+	color: #e6db74;
+}
+/* LiteralStringSymbol */
+.chroma .ss {
+	color: #e6db74;
+}
+/* LiteralNumber */
+.chroma .m {
+	color: #ae81ff;
+}
+/* LiteralNumberBin */
+.chroma .mb {
+	color: #ae81ff;
+}
+/* LiteralNumberFloat */
+.chroma .mf {
+	color: #ae81ff;
+}
+/* LiteralNumberHex */
+.chroma .mh {
+	color: #ae81ff;
+}
+/* LiteralNumberInteger */
+.chroma .mi {
+	color: #ae81ff;
+}
+/* LiteralNumberIntegerLong */
+.chroma .il {
+	color: #ae81ff;
+}
+/* LiteralNumberOct */
+.chroma .mo {
+	color: #ae81ff;
+}
+/* Operator */
+.chroma .o {
+	color: #f92672;
+}
+/* OperatorWord */
+.chroma .ow {
+	color: #f92672;
+}
+/* Comment */
+.chroma .c {
+	color: #75715e;
+}
+/* CommentHashbang */
+.chroma .ch {
+	color: #75715e;
+}
+/* CommentMultiline */
+.chroma .cm {
+	color: #75715e;
+}
+/* CommentSingle */
+.chroma .c1 {
+	color: #75715e;
+}
+/* CommentSpecial */
+.chroma .cs {
+	color: #75715e;
+}
+/* CommentPreproc */
+.chroma .cp {
+	color: #75715e;
+}
+/* CommentPreprocFile */
+.chroma .cpf {
+	color: #75715e;
+}
+/* GenericDeleted */
+.chroma .gd {
+	color: #f92672;
+}
+/* GenericEmph */
+.chroma .ge {
+	font-style: italic;
+}
+/* GenericInserted */
+.chroma .gi {
+	color: #a6e22e;
+}
+/* GenericStrong */
+.chroma .gs {
+	font-weight: bold;
+}
+/* GenericSubheading */
+.chroma .gu {
+	color: #75715e;
+}