1 files changed, 124 insertions, 52 deletions

diff --git a/assets/css/styles.css b/assets/css/styles.css
index ec03937..ff69e63 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -36,7 +36,6 @@
 
 * {
   box-sizing: border-box;
-  -moz-box-sizing: border-box;
 }
 
 body {
@@ -380,198 +379,317 @@ svg {
   border: 1px solid var(--grey-ccc);
   padding: 30px;
 }
+
 .highlight .lineno {
   padding: 0 15px 0 0;
 }
+
+/* Comment */
 .highlight .c {
   color: #998;
   font-style: italic;
 }
+
+/* Error */
 .highlight .err {
   color: #a61717;
   background-color: #e3d2d2;
 }
+
+/* Keyword */
 .highlight .k {
   font-weight: bold;
 }
+
+/* Operator */
 .highlight .o {
   font-weight: bold;
 }
+
+/* Comment.Multiline */
 .highlight .cm {
   color: #998;
   font-style: italic;
 }
+
+/* Comment.Preproc */
 .highlight .cp {
   color: #999;
   font-weight: bold;
 }
+
+/* Comment.Single */
 .highlight .c1 {
   color: #998;
   font-style: italic;
 }
+
+/* Comment.Special */
 .highlight .cs {
   color: #999;
   font-weight: bold;
   font-style: italic;
 }
+
+/* Generic.Deleted */
 .highlight .gd {
   color: #000;
   background-color: #fdd;
 }
+
+/* Generic.Deleted.Specific */
 .highlight .gd .x {
   color: #000;
   background-color: #faa;
 }
+
+/* Generic.Emph */
 .highlight .ge {
   font-style: italic;
 }
+
+/* Generic.Error */
 .highlight .gr {
   color: #a00;
 }
+
+/* Generic.Heading */
 .highlight .gh {
   color: #999;
 }
+
+/* Generic.Inserted */
 .highlight .gi {
   color: #000;
   background-color: #dfd;
 }
+
+/* Generic.Inserted.Specific */
 .highlight .gi .x {
   color: #000;
   background-color: #afa;
 }
+
+/* Generic.Output */
 .highlight .go {
   color: #888;
 }
+
+/* Generic.Prompt */
 .highlight .gp {
   color: #555;
 }
+
+/* Generic.Strong */
 .highlight .gs {
   font-weight: bold;
 }
+
+/* Generic.Subheading */
 .highlight .gu {
   color: #aaa;
 }
+
+/* Generic.Traceback */
 .highlight .gt {
   color: #a00;
 }
+
+/* Keyword.Constant */
 .highlight .kc {
   font-weight: bold;
 }
+
+/* Keyword.Declaration */
 .highlight .kd {
   font-weight: bold;
 }
+
+/* Keyword.Pseudo */
 .highlight .kp {
   font-weight: bold;
 }
+
+/* Keyword.Reserved */
 .highlight .kr {
   font-weight: bold;
 }
+
+/* Keyword.Type */
 .highlight .kt {
   color: #458;
   font-weight: bold;
 }
+
+/* Literal.Number */
 .highlight .m {
   color: #099;
 }
+
+/* Literal.String */
 .highlight .s {
   color: #d14;
 }
+
+/* Name.Attribute */
 .highlight .na {
   color: #008080;
 }
+
+/* Name.Builtin */
 .highlight .nb {
   color: #0086B3;
 }
+
+/* Name.Class */
 .highlight .nc {
   color: #458;
   font-weight: bold;
 }
+
+/* Name.Constant */
 .highlight .no {
   color: #008080;
 }
+
+/* Name.Entity */
 .highlight .ni {
   color: #800080;
 }
+
+/* Name.Exception */
 .highlight .ne {
   color: #900;
   font-weight: bold;
 }
+
+/* Name.Function */
 .highlight .nf {
   color: #900;
   font-weight: bold;
 }
+
+/* Name.Namespace */
 .highlight .nn {
   color: #555;
 }
+
+/* Name.Tag */
 .highlight .nt {
   color: #000080;
 }
+
+/* Name.Variable */
 .highlight .nv {
   color: #008080;
 }
+
+/* Operator.Word */
 .highlight .ow {
   font-weight: bold;
 }
+
+/* Text.Whitespace */
 .highlight .w {
   color: #bbb;
 }
+
+/* Literal.Number.Float */
 .highlight .mf {
   color: #099;
 }
+
+/* Literal.Number.Hex */
 .highlight .mh {
   color: #099;
 }
+
+/* Literal.Number.Integer */
 .highlight .mi {
   color: #099;
 }
+
+/* Literal.Number.Oct */
 .highlight .mo {
   color: #099;
 }
+
+/* Literal.String.Backtick */
 .highlight .sb {
   color: #d14;
 }
+
+/* Literal.String.Char */
 .highlight .sc {
   color: #d14;
 }
+
+/* Literal.String.Doc */
 .highlight .sd {
   color: #d14;
 }
+
+/* Literal.String.Double */
 .highlight .s2 {
   color: #d14;
 }
+
+/* Literal.String.Escape */
 .highlight .se {
   color: #d14;
 }
+
+/* Literal.String.Heredoc */
 .highlight .sh {
   color: #d14;
 }
+
+/* Literal.String.Interpol */
 .highlight .si {
   color: #d14;
 }
+
+/* Literal.String.Other */
 .highlight .sx {
   color: #d14;
 }
+
+/* Literal.String.Regex */
 .highlight .sr {
   color: #009926;
 }
+
+/* Literal.String.Single */
 .highlight .s1 {
   color: #d14;
 }
+
+/* Literal.String.Symbol */
 .highlight .ss {
   color: #990073;
 }
+
+/* Name.Builtin.Pseudo */
 .highlight .bp {
   color: #999;
 }
+
+/* Name.Variable.Class */
 .highlight .vc {
   color: #008080;
 }
+
+/* Name.Variable.Global */
 .highlight .vg {
   color: #008080;
 }
+
+/* Name.Variable.Instance */
 .highlight .vi {
   color: #008080;
 }
+
+/* Literal.Number.Integer.Long */
 .highlight .il {
   color: #099;
 }
@@ -618,20 +736,9 @@ svg {
     opacity: 0;
   }
 }
-.hidden {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
+/* Layout */
 .site-header {
   display: grid;
-  -webkit-justify-content: center;
   justify-content: center;
   padding: 0 20px;
   text-align: center;
@@ -652,7 +759,6 @@ svg {
   content: "";
   width: 50%;
   height: 100%;
-  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
   transform: skew(-45deg, 0);
 }
@@ -686,13 +792,8 @@ svg {
 
 .site-navigation {
   display: flex;
-  -webkit-justify-content: center;
   justify-content: center;
-  -webkit-align-items: center;
   align-items: center;
-  -webkit-flex-flow: row wrap;
-  -moz-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   gap: 10px 40px;
   max-width: 800px;
@@ -738,13 +839,8 @@ svg {
   }
   .site-header .site-header-wrapper {
     display: flex;
-    -webkit-align-items: center;
     align-items: center;
-    -webkit-justify-content: center;
     justify-content: center;
-    -webkit-flex-flow: row wrap;
-    -moz-flex-flow: row wrap;
-    -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     gap: 0 15px;
     border-radius: 0;
@@ -769,11 +865,7 @@ svg {
     left: 0;
     width: 100%;
     height: 100%;
-    -webkit-justify-content: flex-start;
     justify-content: flex-start;
-    -webkit-flex-flow: column nowrap;
-    -moz-flex-flow: column nowrap;
-    -ms-flex-flow: column nowrap;
     flex-flow: column nowrap;
     gap: 20px 0;
     transform: translate(0, -100%);
@@ -808,15 +900,18 @@ svg {
   text-align: center;
 }
 
+/* Pages */
 .page-not-found {
   text-align: center;
 }
+
 .page-not-found svg {
   fill: currentColor;
   color: var(--grey-ddd);
   margin: 0 auto;
 }
 
+/* Components */
 .post-lists-title {
   font-family: "PT Sans", sans-serif;
   font-size: 24px;
@@ -920,7 +1015,6 @@ svg {
 .post .post-author .post-meta .post-categories {
   position: relative;
   display: flex;
-  -webkit-justify-content: flex-end;
   justify-content: flex-end;
   gap: 5px;
   margin: 8px 0 0;
@@ -1076,22 +1170,14 @@ svg {
 }
 .post .post-footer {
   display: flex;
-  -webkit-justify-content: space-between;
   justify-content: space-between;
-  -webkit-align-items: flex-start;
   align-items: flex-start;
   gap: 0 20px;
   margin: 50px 0 0;
 }
 .post .post-footer .post-tags {
   display: flex;
-  -webkit-flex-flow: row wrap;
-  -moz-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
   flex-flow: row wrap;
-  -webkit-flex: 9 1 auto;
-  -moz-flex: 9 1 auto;
-  -ms-flex: 9 1 auto;
   flex: 9 1 auto;
   gap: 0 20px;
   list-style: none;
@@ -1110,9 +1196,6 @@ svg {
 }
 .post .post-footer .post-share {
   position: relative;
-  -webkit-flex: 0 0 auto;
-  -moz-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   border: 1px solid var(--grey-ddd);
   overflow: hidden;
@@ -1149,9 +1232,6 @@ svg {
   transition: left 0.2s ease;
 }
 .post .post-footer .post-share ul li {
-  -webkit-flex: 1 0 auto;
-  -moz-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   cursor: pointer;
 }
@@ -1160,9 +1240,7 @@ svg {
 }
 .post .post-footer .post-share ul li a {
   display: flex;
-  -webkit-align-items: center;
   align-items: center;
-  -webkit-justify-content: center;
   justify-content: center;
   height: 100%;
   color: var(--grey-ccc);
@@ -1186,11 +1264,7 @@ svg {
   }
   .post .post-author {
     display: flex;
-    -webkit-align-items: center;
     align-items: center;
-    -webkit-flex-flow: row wrap;
-    -moz-flex-flow: row wrap;
-    -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     gap: 15px;
     position: static;
@@ -1212,9 +1286,6 @@ svg {
   }
   .post .post-author .post-meta {
     display: flex;
-    -webkit-flex-flow: row wrap;
-    -moz-flex-flow: row wrap;
-    -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     margin: 0;
     margin-left: auto;
@@ -1423,6 +1494,7 @@ svg {
   color: var(--grey-ccc);
 }
 
+/* Partials */
 .header-content-separator {
   position: relative;
   margin: 40px auto;