1 files changed, 17 insertions, 6 deletions

diff --git a/src/style.css b/src/style.css
index 2b67620..45ac7df 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,6 +7,7 @@
 	--accent: #DE935F;
 	--lesser: #969896;
 	--green: #B5BD68;
+	--blue: #81A2BE;
 	--red: #C66;
 }
 
@@ -83,7 +84,6 @@ aside {
 	font-style: italic;
 	color: var(--lesser);
 	position: relative;
-	margin-block: 1.5rem;
 }
 
 aside > p::before,
@@ -123,16 +123,12 @@ abbr::before {
 	pointer-events: none;
 }
 
+abbr.cpu::before { content: 'Central Processing Unit'; }
 abbr.ec::before { content: 'Embedded Controller'; }
 abbr.html::before { content: 'Hypertext Markup Language'; }
 abbr.led::before { content: 'Light-Emitting Diode'; }
 abbr.rgb::before { content: 'Red Green Blue'; }
 
-.diff-ins  { color: var(--green);  }
-.diff-del  { color: var(--red);    }
-.diff-loc  { color: var(--lesser); }
-.diff-meta { font-weight: bold;    }
-
 figure > pre { margin-left: 4ch; overflow-x: scroll; }
 figure > pre > code { counter-increment: line; }
 figure > pre > code::before {
@@ -149,6 +145,12 @@ figure > pre > code::before {
 	background-color: var(--bg);
 }
 
+figure > img {
+	display: block;
+	margin: 16px auto;
+	width: 50%;
+}
+
 header > div {
 	display: flex;
 	justify-content: space-between;
@@ -160,3 +162,12 @@ header > div menu {
 	gap: 2ch;
 }
 header > div li { list-style: none; }
+
+.c-cmt     { color: var(--lesser); }
+.c-fn      { color: var(--accent); }
+.c-kw      { color: var(--green);  }
+.c-pp      { color: var(--blue);   }
+.diff-ins  { color: var(--green);  }
+.diff-del  { color: var(--red);    }
+.diff-loc  { color: var(--lesser); }
+.diff-meta { font-weight: bold;    }