diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
index 94e497d..7d744f3 100644
--- a/layouts/shortcodes/details.html
+++ b/layouts/shortcodes/details.html
@@ -1,3 +1,4 @@
 <details><summary>{{ .Get "title" }}</summary>
+
 {{ .Inner }}
 </details>
diff --git a/static/css/style.css b/static/css/style.css
index bbbbba9..80e208a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -6,10 +6,8 @@
 	--background-color-light: #252525;
 	--background-color-dark: #121212;
 	--avatar-background: #B6B6B6;
-	--color01: #799479;
-	--color01_bright: #58af58;
-	--color02: #8f8071;
-	--color02_bright: #b88a5b;
+	--gray-colored01: #799479;
+	--gray-colored02: #8f8071;
 }
 
 /******************* Page *******************/
@@ -592,7 +590,7 @@ pre {
 	margin-top: 0.5rem;
 	background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px);
 }
-:not(pre, details)>code {
+:not(pre)>code {
 	font-size: 1rem;
 	color: var(--font-color-em);
 }
@@ -648,7 +646,7 @@ details[open] summary:hover {
 	outline-offset: .3rem;
 }
 
-/******************* Article Superscript *******************/
+/******************* Article Details *******************/
 .article-body sup {
 	vertical-align: top;
 	position: relative;
@@ -679,17 +677,3 @@ details[open] summary:hover {
 	right: 1rem;
 	font-family: Arial;
 }
-
-/******************* Generic colors *******************/
-.color01 {
-	color: var(--color01);
-}
-.color01.bright {
-	color: var(--color01_bright);
-}
-.color02 {
-	color: var(--color02);
-}
-.color02.bright {
-	color: var(--color02_bright);
-}