diff --git a/main.css b/main.css
index 80eeaf2..f0df2dc 100644
--- a/main.css
+++ b/main.css
@@ -51,7 +51,7 @@ a {
 }
 
 a:hover {
-    background-color: #B7EBCA;
+    background-color: #ceedda;
 }
 
 
@@ -104,14 +104,16 @@ margin-top: -40px;
 
 pre {
     width: 100%;
-    background-color: #e4e4e4;
+    color: #1a3d1f;
+    background-color: #ceedda;
     padding: 12px 18px;
     border-radius: 4px;
 }
 code {
     font-family: 'Comic Mono', monospace;
     font-size: 14px;
-    background-color: #e4e4e4;
+    color: #1a3d1f;
+    background-color: #ceedda;
     border-radius: 4px;
     padding: 0 4px;
     font-weight: 400;
@@ -121,36 +123,60 @@ code {
 
 /* blue */
 .blue a {
-    color: #395c91
+    color: #395c91;
 }
 .blue a:hover {
-    background-color: #b2cbf0;
+    background-color: #d0def2;
 }
 .blue .header {
     background: #b2cbf0;
     color: #395c91;
 }
+.blue pre {
+    background-color: #d0def2;
+    color: #1c2e4a;
+}
+.blue code {
+    background-color: #d0def2;
+    color: #1c2e4a;
+}
 
 /* orange */
 .orange a {
-    color: #7e3c16
+    color: #7e3c16;
 }
 .orange a:hover {
-    background-color: #f0d5b2;
+    background-color: #f5e3cb;
 }
 .orange .header {
     background: #f0d5b2;
     color: #7e3c16;
 }
+.orange pre {
+    background-color: #f5e3cb;
+    color: #45220e;
+}
+.orange code {
+    background-color: #f5e3cb;
+    color: #45220e;
+}
 
 /* red */
 .red a {
     color: #7e1616
 }
 .red a:hover {
-    background-color: #f0b2b2;
+    background-color: #f0dddd;
 }
 .red .header {
     background: #f0b2b2;
     color: #7e1616;
 }
+.red pre {
+    background-color: #f0dddd;
+    color: #571010;
+}
+.red code {
+    background-color: #f0dddd;
+    color: #571010;
+}