diff --git a/article.scss b/article.scss
index 6e1ce51..aaa99f5 100755
--- a/article.scss
+++ b/article.scss
@@ -78,12 +78,21 @@ article {
         p:last-child {
             margin-bottom: 0;
         }
+
+        code {
+            color: inherit;
+            background: inherit;
+        }
+
+        a {
+            color: inherit;
+        }
     }
 
     code {
+        font-family: var(--font-family);
         font-size: 0.8rem;
         color: #23222d;
-        padding: .1rem;
         background: #f4f4f4;
         border-radius: 3px;
     }
@@ -102,6 +111,7 @@ article {
     }
 
     ol, ul {
+        list-style-position: outside;
         margin: 0.5rem 0 0.5rem 3rem;
         line-height: 1rem;
     }
diff --git a/default.scss b/default.scss
index 96d1228..0e4f5ca 100755
--- a/default.scss
+++ b/default.scss
@@ -3,8 +3,9 @@
 }
 
 pre {
-    background: #cfcfcf;
-    border: 1px solid #ccc;
+    font-family: var(--font-family);
+    background: #f4f4f4;
+    border: 1px solid #ddd;
     padding: 1rem;
     overflow-x: auto;
     counter-reset: line;
diff --git a/image.scss b/image.scss
index 7a31977..2f1762e 100755
--- a/image.scss
+++ b/image.scss
@@ -24,4 +24,38 @@ img {
     &.bordered {
         border: 1px solid var(--box-border);;
     }
-}
\ No newline at end of file
+}
+
+.image-comparison {
+    margin-left: 3rem;
+    position: relative;
+    display: inline-block;
+    line-height: 0;
+
+    img {
+        user-select: none;
+    }
+
+    > div {
+        position: absolute;
+        width: 50%;
+        max-width: 100%;
+        overflow: hidden;
+        resize: horizontal;
+        border-right: 1px solid #000;
+
+        &:before {
+            content: '';
+            display: block;
+            width: 13px;
+            height: 13px;
+            overflow: hidden;
+            position: absolute;
+            resize: horizontal;
+            right: 0;
+            bottom: 0;
+            background-clip: content-box;
+            background: linear-gradient(-45deg, red 50%, transparent 0);
+        }
+    }
+}
diff --git a/layout.scss b/layout.scss
index dc4b25b..560ec45 100755
--- a/layout.scss
+++ b/layout.scss
@@ -29,6 +29,11 @@
     }
 }
 
+.sticky {
+    position: sticky;
+    top: 1rem;
+}
+
 .inline {
     display: inline;
 }
\ No newline at end of file
diff --git a/list.scss b/list.scss
index 712fa8b..7270faa 100755
--- a/list.scss
+++ b/list.scss
@@ -1,5 +1,3 @@
-
-
 ul.boxed {
     background: #fff;
     padding: 5px;
diff --git a/portlet.scss b/portlet.scss
index 5d74bdb..f343e73 100755
--- a/portlet.scss
+++ b/portlet.scss
@@ -50,8 +50,6 @@
 }
 
 .portlet.highlight-1 {
-    border-top: 0;
-
     background: var(--color-red);
     color: #fff;
 
@@ -62,8 +60,6 @@
 }
 
 .portlet.highlight-2 {
-    border-top: 0;
-
     background: var(--color-green);
     color: #fff;
 
@@ -74,8 +70,6 @@
 }
 
 .portlet.highlight-3 {
-    border-top: 0;
-
     background: var(--color-blue);
     color: #fff;
 
@@ -86,8 +80,6 @@
 }
 
 .portlet.highlight-4 {
-    border-top: 0;
-
     background: var(--color-yellow);
     color: #fff;
 
diff --git a/styles.css b/styles.css
index 41f3055..481256d 100755
--- a/styles.css
+++ b/styles.css
@@ -3117,9 +3117,9 @@ article {
     article blockquote p:last-child {
       margin-bottom: 0; }
   article code {
+    font-family: var(--font-family);
     font-size: 0.8rem;
     color: #23222d;
-    padding: .1rem;
     background: #f4f4f4;
     border-radius: 3px; }
   article a {
@@ -3176,7 +3176,10 @@ article {
     flex: 1; }
     .flex-line div:nth-child(n+1) {
       padding-left: 5px; }
-
+.sticky {
+    position: sticky;
+    top: 1rem;
+}
 .inline {
   display: inline; }
 
@@ -4032,8 +4035,9 @@ div.slider-1 {
     transform: translateZ(-35vw) rotateY(-360deg); } }
 
 pre {
-  border: 1px solid var(--box-border);
-  background: #ccc;
+  font-family: var(--font-family);
+  background: #f4f4f4;
+    border: 1px solid #ddd;
   padding: 1rem;
   box-sizing: border-box; }
 
@@ -4905,7 +4909,6 @@ span.tag {
   padding: .7rem 1rem .7rem 1rem; }
 
 .portlet.highlight-1 {
-  border-top: 0;
   background: var(--color-red);
   color: #fff; }
   .portlet.highlight-1 .portlet-body, .portlet.highlight-1 .portlet-head {
@@ -4913,7 +4916,6 @@ span.tag {
     border: 0; }
 
 .portlet.highlight-2 {
-  border-top: 0;
   background: var(--color-green);
   color: #fff; }
   .portlet.highlight-2 .portlet-body, .portlet.highlight-2 .portlet-head {
@@ -4921,7 +4923,6 @@ span.tag {
     border: 0; }
 
 .portlet.highlight-3 {
-  border-top: 0;
   background: var(--color-blue);
   color: #fff; }
   .portlet.highlight-3 .portlet-body, .portlet.highlight-3 .portlet-head {
@@ -4929,7 +4930,6 @@ span.tag {
     border: 0; }
 
 .portlet.highlight-4 {
-  border-top: 0;
   background: var(--color-yellow);
   color: #fff; }
   .portlet.highlight-4 .portlet-body, .portlet.highlight-4 .portlet-head {