Reduce Theme Specificity (#154)

* Reduce highlight.js clutter * Lower theme templates in Hugo lookup order * Reduce specificity in config head scripts * Reduce specificity in i18n * Reduce specificity in staticman * Update featured image * Change exampleSite images to known royalty-free images * Enable inline css (fix #151) * Reduce CSS specificity and adjust styling * Add background for backwards compatibility * Add sitewide default value imageStretch * Bug: Fix small image centered * Add Indonesian language (#157) * add Indonesian language * I was update id.toml based PR (#154) new format I was update id.toml based PR (#154) new format on https://github.com/pacollins/hugo-future-imperfect-slim/blob/reduce-specificity/i18n/en.toml * Update theme notification message. * Add cover to featured image (@kdbruin) * Match pagination of single to list * Fix mobile menu border * Fix console error * Fix example site Co-authored-by: ipang dwi <admin@firstplato.com>
author: Patrick Collins <thepatrickcollins@gmail.com> 2020-07-19 23:25:15 +0300
committer: GitHub <noreply@github.com> 2020-07-19 23:25:15 +0300
commit: 2f9ab4f4fbafcd1ba71df2771b74e5f0199c53fa (patch)
tree: 82884f6509bdbb4aadc2eff82f6525ed1387878f
parent: 5f7d838034b42a215092addc7a6319ac7ee204da (diff)
158 files changed, 2928 insertions, 10270 deletions
diff --git a/archetypes/default.md b/archetypes/default.md
index ddd6d8a..0026b1d 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -1,9 +1,13 @@
 +++
-author = ""
 title = ""
-date = ""
 description = ""
+author = ""
+date = ""
 tags = [""]
 categories = [""]
-images = [""]
+comments = true
+[[images]]
+  src = ""
+  alt = ""
+  stretch = ""
 +++
diff --git a/assets/css/styles/dark.css b/assets/css/dark.css
index b4724f5..b4724f5 100644
--- a/assets/css/styles/dark.css
+++ b/assets/css/dark.css
diff --git a/assets/css/styles/default.css b/assets/css/default.css
index f1bfade..f1bfade 100644
--- a/assets/css/styles/default.css
+++ b/assets/css/default.css
diff --git a/assets/css/styles/a11y-dark.css b/assets/css/styles/a11y-dark.css
deleted file mode 100644
index b93b742..0000000
--- a/assets/css/styles/a11y-dark.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* a11y-dark theme */
-/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
-/* @author: ericwbailey */
-
-/* Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #d4d0ab;
-}
-
-/* Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #ffa07a;
-}
-
-/* Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #f5ab35;
-}
-
-/* Yellow */
-.hljs-attribute {
-  color: #ffd700;
-}
-
-/* Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #abe338;
-}
-
-/* Blue */
-.hljs-title,
-.hljs-section {
-  color: #00e0e0;
-}
-
-/* Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #dcc6e0;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #2b2b2b;
-  color: #f8f8f2;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-@media screen and (-ms-high-contrast: active) {
-  .hljs-addition,
-  .hljs-attribute,
-  .hljs-built_in,
-  .hljs-builtin-name,
-  .hljs-bullet,
-  .hljs-comment,
-  .hljs-link,
-  .hljs-literal,
-  .hljs-meta,
-  .hljs-number,
-  .hljs-params,
-  .hljs-string,
-  .hljs-symbol,
-  .hljs-type,
-  .hljs-quote {
-        color: highlight;
-    }
-
-    .hljs-keyword,
-    .hljs-selector-tag {
-        font-weight: bold;
-    }
-}
diff --git a/assets/css/styles/a11y-light.css b/assets/css/styles/a11y-light.css
deleted file mode 100644
index f1bf8f3..0000000
--- a/assets/css/styles/a11y-light.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* a11y-light theme */
-/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
-/* @author: ericwbailey */
-
-/* Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #696969;
-}
-
-/* Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #d91e18;
-}
-
-/* Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #aa5d00;
-}
-
-/* Yellow */
-.hljs-attribute {
-  color: #aa5d00;
-}
-
-/* Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #008000;
-}
-
-/* Blue */
-.hljs-title,
-.hljs-section {
-  color: #007faa;
-}
-
-/* Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #7928a1;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #fefefe;
-  color: #545454;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-@media screen and (-ms-high-contrast: active) {
-  .hljs-addition,
-  .hljs-attribute,
-  .hljs-built_in,
-  .hljs-builtin-name,
-  .hljs-bullet,
-  .hljs-comment,
-  .hljs-link,
-  .hljs-literal,
-  .hljs-meta,
-  .hljs-number,
-  .hljs-params,
-  .hljs-string,
-  .hljs-symbol,
-  .hljs-type,
-  .hljs-quote {
-        color: highlight;
-    }
-
-    .hljs-keyword,
-    .hljs-selector-tag {
-        font-weight: bold;
-    }
-}
diff --git a/assets/css/styles/agate.css b/assets/css/styles/agate.css
deleted file mode 100644
index 8d64547..0000000
--- a/assets/css/styles/agate.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/*!
- * Agate by Taufik Nurrohman <https://github.com/tovic>
- * ----------------------------------------------------
- *
- * #ade5fc
- * #a2fca2
- * #c6b4f0
- * #d36363
- * #fcc28c
- * #fc9b9b
- * #ffa
- * #fff
- * #333
- * #62c8f3
- * #888
- *
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #333;
-  color: white;
-}
-
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-code,
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-tag {
-  color: #62c8f3;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ade5fc;
-}
-
-.hljs-string,
-.hljs-bullet {
-  color: #a2fca2;
-}
-
-.hljs-type,
-.hljs-title,
-.hljs-section,
-.hljs-attribute,
-.hljs-quote,
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #ffa;
-}
-
-.hljs-number,
-.hljs-symbol,
-.hljs-bullet {
-  color: #d36363;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal {
-  color: #fcc28c;
-}
-
-.hljs-comment,
-.hljs-deletion,
-.hljs-code {
-  color: #888;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #c6b4f0;
-}
-
-.hljs-meta {
-  color: #fc9b9b;
-}
-
-.hljs-deletion {
-  background-color: #fc9b9b;
-  color: #333;
-}
-
-.hljs-addition {
-  background-color: #a2fca2;
-  color: #333;
-}
-
-.hljs a {
-  color: inherit;
-}
-
-.hljs a:focus,
-.hljs a:hover {
-  color: inherit;
-  text-decoration: underline;
-}
diff --git a/assets/css/styles/an-old-hope.css b/assets/css/styles/an-old-hope.css
deleted file mode 100644
index a6d56f4..0000000
--- a/assets/css/styles/an-old-hope.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/* 
-
-An Old Hope – Star Wars Syntax (c) Gustavo Costa <gusbemacbe@gmail.com>
-Original theme - Ocean Dark Theme – by https://github.com/gavsiu
-Based on Jesse Leite's Atom syntax theme 'An Old Hope' – https://github.com/JesseLeite/an-old-hope-syntax-atom
-
-*/
-
-/* Death Star Comment */
-.hljs-comment,
-.hljs-quote 
-{
-  color: #B6B18B;
-}
-
-/* Darth Vader */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion 
-{
-  color: #EB3C54;
-}
-
-/* Threepio */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link 
-{
-  color: #E7CE56;
-}
-
-/* Luke Skywalker */
-.hljs-attribute 
-{
-  color: #EE7C2B;
-}
-
-/* Obi Wan Kenobi */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition 
-{
-  color: #4FB4D7;
-}
-
-/* Yoda */
-.hljs-title,
-.hljs-section 
-{
-  color: #78BB65;
-}
-
-/* Mace Windu */
-.hljs-keyword,
-.hljs-selector-tag 
-{
-  color: #B45EA4;
-}
-
-/* Millenium Falcon */
-.hljs 
-{
-  display: block;
-  overflow-x: auto;
-  background: #1C1D21;
-  color: #c0c5ce;
-  padding: 0.5em;
-}
-
-.hljs-emphasis 
-{
-  font-style: italic;
-}
-
-.hljs-strong 
-{
-  font-weight: bold;
-}
diff --git a/assets/css/styles/androidstudio.css b/assets/css/styles/androidstudio.css
deleted file mode 100644
index bc8e473..0000000
--- a/assets/css/styles/androidstudio.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
-Date: 24 Fev 2015
-Author: Pedro Oliveira <kanytu@gmail . com>
-*/
-
-.hljs {
-  color: #a9b7c6;
-  background: #282b2e;
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet {
-  color: #6897BB;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-deletion {
-  color: #cc7832;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link {
-  color: #629755;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #808080;
-}
-
-.hljs-meta {
-  color: #bbb529;
-}
-
-.hljs-string,
-.hljs-attribute,
-.hljs-addition {
-  color: #6A8759;
-}
-
-.hljs-section,
-.hljs-title,
-.hljs-type {
-  color: #ffc66d;
-}
-
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #e8bf6a;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/arduino-light.css b/assets/css/styles/arduino-light.css
deleted file mode 100644
index 4b8b7fd..0000000
--- a/assets/css/styles/arduino-light.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
-
-Arduino® Light Theme - Stefania Mellai <s.mellai@arduino.cc>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #FFFFFF;
-}
-
-.hljs,
-.hljs-subst {
-  color: #434f54;
-}
-
-.hljs-keyword,
-.hljs-attribute,
-.hljs-selector-tag,
-.hljs-doctag,
-.hljs-name {
-  color: #00979D;
-}
-
-.hljs-built_in,
-.hljs-literal,
-.hljs-bullet,
-.hljs-code,
-.hljs-addition {
-  color: #D35400;
-}
-
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #00979D;
-}
-
-.hljs-type,
-.hljs-string,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion {
-  color: #005C5F;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #880000;
-  font-weight: bold;
-}
-
-.hljs-comment {
-  color: rgba(149,165,166,.8);
-}
-
-.hljs-meta-keyword {
-  color: #728E00;
-}
-
-.hljs-meta {
-  color: #728E00;
-  color: #434f54;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-function {
-  color: #728E00;
-}
-
-.hljs-number {
-  color: #8A7B52;  
-}
diff --git a/assets/css/styles/arta.css b/assets/css/styles/arta.css
deleted file mode 100644
index 75ef3a9..0000000
--- a/assets/css/styles/arta.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
-Date: 17.V.2011
-Author: pumbur <pumbur@pumbur.net>
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #222;
-}
-
-.hljs,
-.hljs-subst {
-  color: #aaa;
-}
-
-.hljs-section {
-  color: #fff;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-meta {
-  color: #444;
-}
-
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-regexp {
-  color: #ffcc33;
-}
-
-.hljs-number,
-.hljs-addition {
-  color: #00cc66;
-}
-
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-link {
-  color: #32aaee;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #6644aa;
-}
-
-.hljs-title,
-.hljs-variable,
-.hljs-deletion,
-.hljs-template-tag {
-  color: #bb1166;
-}
-
-.hljs-section,
-.hljs-doctag,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/ascetic.css b/assets/css/styles/ascetic.css
deleted file mode 100644
index 48397e8..0000000
--- a/assets/css/styles/ascetic.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
-
-Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: white;
-  color: black;
-}
-
-.hljs-string,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-section,
-.hljs-addition,
-.hljs-attribute,
-.hljs-link {
-  color: #888;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-meta,
-.hljs-deletion {
-  color: #ccc;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-name,
-.hljs-type,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/atelier-cave-dark.css b/assets/css/styles/atelier-cave-dark.css
deleted file mode 100644
index 65428f3..0000000
--- a/assets/css/styles/atelier-cave-dark.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/* Base16 Atelier Cave Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Cave Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #7e7887;
-}
-
-/* Atelier-Cave Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-regexp,
-.hljs-link,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #be4678;
-}
-
-/* Atelier-Cave Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #aa573c;
-}
-
-/* Atelier-Cave Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #2a9292;
-}
-
-/* Atelier-Cave Blue */
-.hljs-title,
-.hljs-section {
-  color: #576ddb;
-}
-
-/* Atelier-Cave Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #955ae7;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #19171c;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #be4678;
-}
-
-.hljs-addition {
-  background-color: #2a9292;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #19171c;
-  color: #8b8792;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-cave-light.css b/assets/css/styles/atelier-cave-light.css
deleted file mode 100644
index b419f9f..0000000
--- a/assets/css/styles/atelier-cave-light.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/* Base16 Atelier Cave Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Cave Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #655f6d;
-}
-
-/* Atelier-Cave Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #be4678;
-}
-
-/* Atelier-Cave Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #aa573c;
-}
-
-/* Atelier-Cave Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #2a9292;
-}
-
-/* Atelier-Cave Blue */
-.hljs-title,
-.hljs-section {
-  color: #576ddb;
-}
-
-/* Atelier-Cave Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #955ae7;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #19171c;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #be4678;
-}
-
-.hljs-addition {
-  background-color: #2a9292;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #efecf4;
-  color: #585260;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-dune-dark.css b/assets/css/styles/atelier-dune-dark.css
deleted file mode 100644
index 1684f52..0000000
--- a/assets/css/styles/atelier-dune-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Dune Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Dune Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #999580;
-}
-
-/* Atelier-Dune Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d73737;
-}
-
-/* Atelier-Dune Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #b65611;
-}
-
-/* Atelier-Dune Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #60ac39;
-}
-
-/* Atelier-Dune Blue */
-.hljs-title,
-.hljs-section {
-  color: #6684e1;
-}
-
-/* Atelier-Dune Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #b854d4;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #20201d;
-  color: #a6a28c;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-dune-light.css b/assets/css/styles/atelier-dune-light.css
deleted file mode 100644
index 547719d..0000000
--- a/assets/css/styles/atelier-dune-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Dune Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Dune Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #7d7a68;
-}
-
-/* Atelier-Dune Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d73737;
-}
-
-/* Atelier-Dune Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #b65611;
-}
-
-/* Atelier-Dune Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #60ac39;
-}
-
-/* Atelier-Dune Blue */
-.hljs-title,
-.hljs-section {
-  color: #6684e1;
-}
-
-/* Atelier-Dune Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #b854d4;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #fefbec;
-  color: #6e6b5e;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-estuary-dark.css b/assets/css/styles/atelier-estuary-dark.css
deleted file mode 100644
index a5e5071..0000000
--- a/assets/css/styles/atelier-estuary-dark.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Estuary Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Estuary Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #878573;
-}
-
-/* Atelier-Estuary Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ba6236;
-}
-
-/* Atelier-Estuary Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #ae7313;
-}
-
-/* Atelier-Estuary Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #7d9726;
-}
-
-/* Atelier-Estuary Blue */
-.hljs-title,
-.hljs-section {
-  color: #36a166;
-}
-
-/* Atelier-Estuary Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #5f9182;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #22221b;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #ba6236;
-}
-
-.hljs-addition {
-  background-color: #7d9726;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #22221b;
-  color: #929181;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-estuary-light.css b/assets/css/styles/atelier-estuary-light.css
deleted file mode 100644
index 1daee5d..0000000
--- a/assets/css/styles/atelier-estuary-light.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Estuary Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Estuary Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #6c6b5a;
-}
-
-/* Atelier-Estuary Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ba6236;
-}
-
-/* Atelier-Estuary Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #ae7313;
-}
-
-/* Atelier-Estuary Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #7d9726;
-}
-
-/* Atelier-Estuary Blue */
-.hljs-title,
-.hljs-section {
-  color: #36a166;
-}
-
-/* Atelier-Estuary Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #5f9182;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #22221b;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #ba6236;
-}
-
-.hljs-addition {
-  background-color: #7d9726;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f4f3ec;
-  color: #5f5e4e;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-forest-dark.css b/assets/css/styles/atelier-forest-dark.css
deleted file mode 100644
index 0ef4fae..0000000
--- a/assets/css/styles/atelier-forest-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Forest Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Forest Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #9c9491;
-}
-
-/* Atelier-Forest Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #f22c40;
-}
-
-/* Atelier-Forest Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #df5320;
-}
-
-/* Atelier-Forest Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #7b9726;
-}
-
-/* Atelier-Forest Blue */
-.hljs-title,
-.hljs-section {
-  color: #407ee7;
-}
-
-/* Atelier-Forest Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6666ea;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #1b1918;
-  color: #a8a19f;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-forest-light.css b/assets/css/styles/atelier-forest-light.css
deleted file mode 100644
index bbedde1..0000000
--- a/assets/css/styles/atelier-forest-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Forest Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Forest Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #766e6b;
-}
-
-/* Atelier-Forest Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #f22c40;
-}
-
-/* Atelier-Forest Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #df5320;
-}
-
-/* Atelier-Forest Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #7b9726;
-}
-
-/* Atelier-Forest Blue */
-.hljs-title,
-.hljs-section {
-  color: #407ee7;
-}
-
-/* Atelier-Forest Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6666ea;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f1efee;
-  color: #68615e;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-heath-dark.css b/assets/css/styles/atelier-heath-dark.css
deleted file mode 100644
index fe01ff7..0000000
--- a/assets/css/styles/atelier-heath-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Heath Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Heath Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #9e8f9e;
-}
-
-/* Atelier-Heath Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ca402b;
-}
-
-/* Atelier-Heath Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #a65926;
-}
-
-/* Atelier-Heath Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #918b3b;
-}
-
-/* Atelier-Heath Blue */
-.hljs-title,
-.hljs-section {
-  color: #516aec;
-}
-
-/* Atelier-Heath Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #7b59c0;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #1b181b;
-  color: #ab9bab;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-heath-light.css b/assets/css/styles/atelier-heath-light.css
deleted file mode 100644
index ee43786..0000000
--- a/assets/css/styles/atelier-heath-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Heath Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Heath Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #776977;
-}
-
-/* Atelier-Heath Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ca402b;
-}
-
-/* Atelier-Heath Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #a65926;
-}
-
-/* Atelier-Heath Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #918b3b;
-}
-
-/* Atelier-Heath Blue */
-.hljs-title,
-.hljs-section {
-  color: #516aec;
-}
-
-/* Atelier-Heath Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #7b59c0;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f7f3f7;
-  color: #695d69;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-lakeside-dark.css b/assets/css/styles/atelier-lakeside-dark.css
deleted file mode 100644
index a937d3b..0000000
--- a/assets/css/styles/atelier-lakeside-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Lakeside Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Lakeside Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #7195a8;
-}
-
-/* Atelier-Lakeside Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d22d72;
-}
-
-/* Atelier-Lakeside Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #935c25;
-}
-
-/* Atelier-Lakeside Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #568c3b;
-}
-
-/* Atelier-Lakeside Blue */
-.hljs-title,
-.hljs-section {
-  color: #257fad;
-}
-
-/* Atelier-Lakeside Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6b6bb8;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #161b1d;
-  color: #7ea2b4;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-lakeside-light.css b/assets/css/styles/atelier-lakeside-light.css
deleted file mode 100644
index 6c7e8f9..0000000
--- a/assets/css/styles/atelier-lakeside-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Lakeside Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Lakeside Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #5a7b8c;
-}
-
-/* Atelier-Lakeside Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d22d72;
-}
-
-/* Atelier-Lakeside Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #935c25;
-}
-
-/* Atelier-Lakeside Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #568c3b;
-}
-
-/* Atelier-Lakeside Blue */
-.hljs-title,
-.hljs-section {
-  color: #257fad;
-}
-
-/* Atelier-Lakeside Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6b6bb8;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #ebf8ff;
-  color: #516d7b;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-plateau-dark.css b/assets/css/styles/atelier-plateau-dark.css
deleted file mode 100644
index 3bb0526..0000000
--- a/assets/css/styles/atelier-plateau-dark.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Plateau Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Plateau Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #7e7777;
-}
-
-/* Atelier-Plateau Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ca4949;
-}
-
-/* Atelier-Plateau Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #b45a3c;
-}
-
-/* Atelier-Plateau Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #4b8b8b;
-}
-
-/* Atelier-Plateau Blue */
-.hljs-title,
-.hljs-section {
-  color: #7272ca;
-}
-
-/* Atelier-Plateau Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #8464c4;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #1b1818;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #ca4949;
-}
-
-.hljs-addition {
-  background-color: #4b8b8b;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #1b1818;
-  color: #8a8585;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-plateau-light.css b/assets/css/styles/atelier-plateau-light.css
deleted file mode 100644
index 5f0222b..0000000
--- a/assets/css/styles/atelier-plateau-light.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Plateau Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Plateau Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #655d5d;
-}
-
-/* Atelier-Plateau Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #ca4949;
-}
-
-/* Atelier-Plateau Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #b45a3c;
-}
-
-/* Atelier-Plateau Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #4b8b8b;
-}
-
-/* Atelier-Plateau Blue */
-.hljs-title,
-.hljs-section {
-  color: #7272ca;
-}
-
-/* Atelier-Plateau Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #8464c4;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #1b1818;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #ca4949;
-}
-
-.hljs-addition {
-  background-color: #4b8b8b;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f4ecec;
-  color: #585050;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-savanna-dark.css b/assets/css/styles/atelier-savanna-dark.css
deleted file mode 100644
index 38f8314..0000000
--- a/assets/css/styles/atelier-savanna-dark.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Savanna Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Savanna Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #78877d;
-}
-
-/* Atelier-Savanna Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #b16139;
-}
-
-/* Atelier-Savanna Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #9f713c;
-}
-
-/* Atelier-Savanna Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #489963;
-}
-
-/* Atelier-Savanna Blue */
-.hljs-title,
-.hljs-section {
-  color: #478c90;
-}
-
-/* Atelier-Savanna Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #55859b;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #171c19;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #b16139;
-}
-
-.hljs-addition {
-  background-color: #489963;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #171c19;
-  color: #87928a;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-savanna-light.css b/assets/css/styles/atelier-savanna-light.css
deleted file mode 100644
index 1ccd7c6..0000000
--- a/assets/css/styles/atelier-savanna-light.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/* Base16 Atelier Savanna Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Savanna Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #5f6d64;
-}
-
-/* Atelier-Savanna Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #b16139;
-}
-
-/* Atelier-Savanna Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #9f713c;
-}
-
-/* Atelier-Savanna Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #489963;
-}
-
-/* Atelier-Savanna Blue */
-.hljs-title,
-.hljs-section {
-  color: #478c90;
-}
-
-/* Atelier-Savanna Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #55859b;
-}
-
-.hljs-deletion,
-.hljs-addition {
-  color: #171c19;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #b16139;
-}
-
-.hljs-addition {
-  background-color: #489963;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #ecf4ee;
-  color: #526057;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-seaside-dark.css b/assets/css/styles/atelier-seaside-dark.css
deleted file mode 100644
index df29949..0000000
--- a/assets/css/styles/atelier-seaside-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Seaside Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Seaside Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #809980;
-}
-
-/* Atelier-Seaside Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #e6193c;
-}
-
-/* Atelier-Seaside Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #87711d;
-}
-
-/* Atelier-Seaside Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #29a329;
-}
-
-/* Atelier-Seaside Blue */
-.hljs-title,
-.hljs-section {
-  color: #3d62f5;
-}
-
-/* Atelier-Seaside Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #ad2bee;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #131513;
-  color: #8ca68c;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-seaside-light.css b/assets/css/styles/atelier-seaside-light.css
deleted file mode 100644
index 9d960f2..0000000
--- a/assets/css/styles/atelier-seaside-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Seaside Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Seaside Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #687d68;
-}
-
-/* Atelier-Seaside Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #e6193c;
-}
-
-/* Atelier-Seaside Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #87711d;
-}
-
-/* Atelier-Seaside Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #29a329;
-}
-
-/* Atelier-Seaside Blue */
-.hljs-title,
-.hljs-section {
-  color: #3d62f5;
-}
-
-/* Atelier-Seaside Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #ad2bee;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f4fbf4;
-  color: #5e6e5e;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-sulphurpool-dark.css b/assets/css/styles/atelier-sulphurpool-dark.css
deleted file mode 100644
index c2ab793..0000000
--- a/assets/css/styles/atelier-sulphurpool-dark.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Sulphurpool Dark - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Sulphurpool Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #898ea4;
-}
-
-/* Atelier-Sulphurpool Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #c94922;
-}
-
-/* Atelier-Sulphurpool Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #c76b29;
-}
-
-/* Atelier-Sulphurpool Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #ac9739;
-}
-
-/* Atelier-Sulphurpool Blue */
-.hljs-title,
-.hljs-section {
-  color: #3d8fd1;
-}
-
-/* Atelier-Sulphurpool Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6679cc;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #202746;
-  color: #979db4;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atelier-sulphurpool-light.css b/assets/css/styles/atelier-sulphurpool-light.css
deleted file mode 100644
index 96c47d0..0000000
--- a/assets/css/styles/atelier-sulphurpool-light.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Base16 Atelier Sulphurpool Light - Theme */
-/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
-/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
-
-/* Atelier-Sulphurpool Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #6b7394;
-}
-
-/* Atelier-Sulphurpool Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #c94922;
-}
-
-/* Atelier-Sulphurpool Orange */
-.hljs-number,
-.hljs-meta,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #c76b29;
-}
-
-/* Atelier-Sulphurpool Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #ac9739;
-}
-
-/* Atelier-Sulphurpool Blue */
-.hljs-title,
-.hljs-section {
-  color: #3d8fd1;
-}
-
-/* Atelier-Sulphurpool Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #6679cc;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f5f7ff;
-  color: #5e6687;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/atom-one-dark-reasonable.css b/assets/css/styles/atom-one-dark-reasonable.css
deleted file mode 100644
index fd41c99..0000000
--- a/assets/css/styles/atom-one-dark-reasonable.css
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
-
-Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
-
-Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
-
-*/
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  line-height: 1.3em;
-  color: #abb2bf;
-  background: #282c34;
-  border-radius: 5px;
-}
-.hljs-keyword, .hljs-operator {
-  color: #F92672;
-}
-.hljs-pattern-match {
-  color: #F92672;
-}
-.hljs-pattern-match .hljs-constructor {
-  color: #61aeee;
-}
-.hljs-function {
-  color: #61aeee;
-}
-.hljs-function .hljs-params {
-  color: #A6E22E;
-}
-.hljs-function .hljs-params .hljs-typing {
-  color: #FD971F;
-}
-.hljs-module-access .hljs-module {
-  color: #7e57c2;
-}
-.hljs-constructor {
-  color: #e2b93d;
-}
-.hljs-constructor .hljs-string {
-  color: #9CCC65;
-}
-.hljs-comment, .hljs-quote {
-  color: #b18eb1;
-  font-style: italic;
-}
-.hljs-doctag, .hljs-formula {
-  color: #c678dd;
-}
-.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
-  color: #e06c75;
-}
-.hljs-literal {
-  color: #56b6c2;
-}
-.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
-  color: #98c379;
-}
-.hljs-built_in, .hljs-class .hljs-title {
-  color: #e6c07b;
-}
-.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
-  color: #d19a66;
-}
-.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
-  color: #61aeee;
-}
-.hljs-emphasis {
-  font-style: italic;
-}
-.hljs-strong {
-  font-weight: bold;
-}
-.hljs-link {
-  text-decoration: underline;
-}
diff --git a/assets/css/styles/atom-one-dark.css b/assets/css/styles/atom-one-dark.css
deleted file mode 100644
index 1616aaf..0000000
--- a/assets/css/styles/atom-one-dark.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
-
-Atom One Dark by Daniel Gamage
-Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
-
-base:    #282c34
-mono-1:  #abb2bf
-mono-2:  #818896
-mono-3:  #5c6370
-hue-1:   #56b6c2
-hue-2:   #61aeee
-hue-3:   #c678dd
-hue-4:   #98c379
-hue-5:   #e06c75
-hue-5-2: #be5046
-hue-6:   #d19a66
-hue-6-2: #e6c07b
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #abb2bf;
-  background: #282c34;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #5c6370;
-  font-style: italic;
-}
-
-.hljs-doctag,
-.hljs-keyword,
-.hljs-formula {
-  color: #c678dd;
-}
-
-.hljs-section,
-.hljs-name,
-.hljs-selector-tag,
-.hljs-deletion,
-.hljs-subst {
-  color: #e06c75;
-}
-
-.hljs-literal {
-  color: #56b6c2;
-}
-
-.hljs-string,
-.hljs-regexp,
-.hljs-addition,
-.hljs-attribute,
-.hljs-meta-string {
-  color: #98c379;
-}
-
-.hljs-built_in,
-.hljs-class .hljs-title {
-  color: #e6c07b;
-}
-
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-type,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-number {
-  color: #d19a66;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-meta,
-.hljs-selector-id,
-.hljs-title {
-  color: #61aeee;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
diff --git a/assets/css/styles/atom-one-light.css b/assets/css/styles/atom-one-light.css
deleted file mode 100644
index d5bd1d2..0000000
--- a/assets/css/styles/atom-one-light.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
-
-Atom One Light by Daniel Gamage
-Original One Light Syntax theme from https://github.com/atom/one-light-syntax
-
-base:    #fafafa
-mono-1:  #383a42
-mono-2:  #686b77
-mono-3:  #a0a1a7
-hue-1:   #0184bb
-hue-2:   #4078f2
-hue-3:   #a626a4
-hue-4:   #50a14f
-hue-5:   #e45649
-hue-5-2: #c91243
-hue-6:   #986801
-hue-6-2: #c18401
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #383a42;
-  background: #fafafa;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #a0a1a7;
-  font-style: italic;
-}
-
-.hljs-doctag,
-.hljs-keyword,
-.hljs-formula {
-  color: #a626a4;
-}
-
-.hljs-section,
-.hljs-name,
-.hljs-selector-tag,
-.hljs-deletion,
-.hljs-subst {
-  color: #e45649;
-}
-
-.hljs-literal {
-  color: #0184bb;
-}
-
-.hljs-string,
-.hljs-regexp,
-.hljs-addition,
-.hljs-attribute,
-.hljs-meta-string {
-  color: #50a14f;
-}
-
-.hljs-built_in,
-.hljs-class .hljs-title {
-  color: #c18401;
-}
-
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-type,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-number {
-  color: #986801;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-meta,
-.hljs-selector-id,
-.hljs-title {
-  color: #4078f2;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
diff --git a/assets/css/styles/brown-paper.css b/assets/css/styles/brown-paper.css
deleted file mode 100644
index f0197b9..0000000
--- a/assets/css/styles/brown-paper.css
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
-
-Brown Paper style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background:#b7a68e url(./brown-papersq.png);
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal {
-  color:#005599;
-  font-weight:bold;
-}
-
-.hljs,
-.hljs-subst {
-  color: #363c69;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-attribute,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-built_in,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-link,
-.hljs-name {
-  color: #2c009f;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-meta,
-.hljs-deletion {
-  color: #802022;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-doctag,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/brown-papersq.png b/assets/css/styles/brown-papersq.png
deleted file mode 100644
index 3813903..0000000
--- a/assets/css/styles/brown-papersq.png
+++ /dev/null
diff --git a/assets/css/styles/codepen-embed.css b/assets/css/styles/codepen-embed.css
deleted file mode 100644
index 195c4a0..0000000
--- a/assets/css/styles/codepen-embed.css
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
-  codepen.io Embed Theme
-  Author: Justin Perry <http://github.com/ourmaninamsterdam>
-  Original theme - https://github.com/chriskempson/tomorrow-theme
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #222;
-  color: #fff;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #777;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-regexp,
-.hljs-meta,
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-params,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-deletion {
-  color: #ab875d;
-}
-
-.hljs-section,
-.hljs-title,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-type,
-.hljs-attribute {
-  color: #9b869b;
-}
-
-.hljs-string,
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-addition {
-  color: #8f9c6c;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/color-brewer.css b/assets/css/styles/color-brewer.css
deleted file mode 100644
index 7934d98..0000000
--- a/assets/css/styles/color-brewer.css
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-
-Colorbrewer theme
-Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>
-Ported by Fabrício Tavares de Oliveira
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #fff;
-}
-
-.hljs,
-.hljs-subst {
-  color: #000;
-}
-
-.hljs-string,
-.hljs-meta,
-.hljs-symbol,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition {
-  color: #756bb1;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #636363;
-}
-
-.hljs-number,
-.hljs-regexp,
-.hljs-literal,
-.hljs-bullet,
-.hljs-link {
-  color: #31a354;
-}
-
-.hljs-deletion,
-.hljs-variable {
-  color: #88f;
-}
-
-
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-title,
-.hljs-section,
-.hljs-built_in,
-.hljs-doctag,
-.hljs-type,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-strong {
-  color: #3182bd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-attribute {
-  color: #e6550d;
-}
diff --git a/assets/css/styles/darcula.css b/assets/css/styles/darcula.css
deleted file mode 100644
index be182d0..0000000
--- a/assets/css/styles/darcula.css
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
-
-Darcula color scheme from the JetBrains family of IDEs
-
-*/
-
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #2b2b2b;
-}
-
-.hljs {
-  color: #bababa;
-}
-
-.hljs-strong,
-.hljs-emphasis {
-  color: #a8a8a2;
-}
-
-.hljs-bullet,
-.hljs-quote,
-.hljs-link,
-.hljs-number,
-.hljs-regexp,
-.hljs-literal {
-  color: #6896ba;
-}
-
-.hljs-code,
-.hljs-selector-class {
-  color: #a6e22e;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-attribute,
-.hljs-name,
-.hljs-variable {
-  color: #cb7832;
-}
-
-.hljs-params {
-  color: #b9b9b9;
-}
-
-.hljs-string {
-  color: #6a8759;
-}
-
-.hljs-subst,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-symbol,
-.hljs-selector-id,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition {
-  color: #e0c46c;
-}
-
-.hljs-comment,
-.hljs-deletion,
-.hljs-meta {
-  color: #7f7f7f;
-}
diff --git a/assets/css/styles/darkula.css b/assets/css/styles/darkula.css
deleted file mode 100644
index f4646c3..0000000
--- a/assets/css/styles/darkula.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
-  Deprecated due to a typo in the name and left here for compatibility purpose only.
-  Please use darcula.css instead.
-*/
-
-@import url('darcula.css');
diff --git a/assets/css/styles/docco.css b/assets/css/styles/docco.css
deleted file mode 100644
index db366be..0000000
--- a/assets/css/styles/docco.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
-Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #000;
-  background: #f8f8ff;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #408080;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-subst {
-  color: #954121;
-}
-
-.hljs-number {
-  color: #40a070;
-}
-
-.hljs-string,
-.hljs-doctag {
-  color: #219161;
-}
-
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-section,
-.hljs-type {
-  color: #19469d;
-}
-
-.hljs-params {
-  color: #00f;
-}
-
-.hljs-title {
-  color: #458;
-  font-weight: bold;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-attribute {
-  color: #000080;
-  font-weight: normal;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #008080;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #b68;
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: #990073;
-}
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #0086b3;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  background: #fdd;
-}
-
-.hljs-addition {
-  background: #dfd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/dracula.css b/assets/css/styles/dracula.css
deleted file mode 100644
index d591db6..0000000
--- a/assets/css/styles/dracula.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
-
-Dracula Theme v1.2.0
-
-https://github.com/zenorocha/dracula-theme
-
-Copyright 2015, All rights reserved
-
-Code licensed under the MIT license
-http://zenorocha.mit-license.org
-
-@author Éverton Ribeiro <nuxlli@gmail.com>
-@author Zeno Rocha <hi@zenorocha.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #282a36;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-section,
-.hljs-link {
-  color: #8be9fd;
-}
-
-.hljs-function .hljs-keyword {
-  color: #ff79c6;
-}
-
-.hljs,
-.hljs-subst {
-  color: #f8f8f2;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-name,
-.hljs-type,
-.hljs-attribute,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable {
-  color: #f1fa8c;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-deletion,
-.hljs-meta {
-  color: #6272a4;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-title,
-.hljs-section,
-.hljs-doctag,
-.hljs-type,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/far.css b/assets/css/styles/far.css
deleted file mode 100644
index 2b3f87b..0000000
--- a/assets/css/styles/far.css
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-
-FAR Style (c) MajestiC <majestic2k@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #000080;
-}
-
-.hljs,
-.hljs-subst {
-  color: #0ff;
-}
-
-.hljs-string,
-.hljs-attribute,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition {
-  color: #ff0;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-type,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-variable {
-  color: #fff;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-doctag,
-.hljs-deletion {
-  color: #888;
-}
-
-.hljs-number,
-.hljs-regexp,
-.hljs-literal,
-.hljs-link {
-  color: #0f0;
-}
-
-.hljs-meta {
-  color: #008080;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-title,
-.hljs-section,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/foundation.css b/assets/css/styles/foundation.css
deleted file mode 100644
index f1fe64b..0000000
--- a/assets/css/styles/foundation.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
-Description: Foundation 4 docs style for highlight.js
-Author: Dan Allen <dan.j.allen@gmail.com>
-Website: http://foundation.zurb.com/docs/
-Version: 1.0
-Date: 2013-04-02
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #eee; color: black;
-}
-
-.hljs-link,
-.hljs-emphasis,
-.hljs-attribute,
-.hljs-addition {
-  color: #070;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong,
-.hljs-string,
-.hljs-deletion {
-  color: #d14;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-quote,
-.hljs-comment {
-  color: #998;
-  font-style: italic;
-}
-
-.hljs-section,
-.hljs-title {
-  color: #900;
-}
-
-.hljs-class .hljs-title,
-.hljs-type {
-  color: #458;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #336699;
-}
-
-.hljs-bullet {
-  color: #997700;
-}
-
-.hljs-meta {
-  color: #3344bb;
-}
-
-.hljs-code,
-.hljs-number,
-.hljs-literal,
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #099;
-}
-
-.hljs-regexp {
-  background-color: #fff0ff;
-  color: #880088;
-}
-
-.hljs-symbol {
-  color: #990073;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #007700;
-}
diff --git a/assets/css/styles/github-gist.css b/assets/css/styles/github-gist.css
deleted file mode 100644
index 18240c8..0000000
--- a/assets/css/styles/github-gist.css
+++ /dev/null
@@ -1,79 +0,0 @@
-/**
- * GitHub Gist Theme
- * Author : Anthony Attard - https://github.com/AnthonyAttard
- * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
- */
-
-.hljs {
-  display: block;
-  background: white;
-  padding: 0.5em;
-  color: #333333;
-  overflow-x: auto;
-}
-
-.hljs-comment,
-.hljs-meta {
-  color: #969896;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-strong,
-.hljs-emphasis,
-.hljs-quote {
-  color: #df5000;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type {
-  color: #d73a49;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute {
-  color: #0086b3;
-}
-
-.hljs-section,
-.hljs-name {
-  color: #63a35c;
-}
-
-.hljs-tag {
-  color: #333333;
-}
-
-.hljs-title,
-.hljs-attr,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #6f42c1;
-}
-
-.hljs-addition {
-  color: #55a532;
-  background-color: #eaffea;
-}
-
-.hljs-deletion {
-  color: #bd2c00;
-  background-color: #ffecec;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
-
-.hljs-number {
-  color: #005cc5;
-}
-
-.hljs-string {
-  color: #032f62;
-}
diff --git a/assets/css/styles/github.css b/assets/css/styles/github.css
deleted file mode 100644
index 791932b..0000000
--- a/assets/css/styles/github.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
-
-github.com style (c) Vasily Polovnyov <vast@whiteants.net>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #333;
-  background: #f8f8f8;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #998;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: #333;
-  font-weight: bold;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
-  color: #008080;
-}
-
-.hljs-string,
-.hljs-doctag {
-  color: #d14;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
-  color: #900;
-  font-weight: bold;
-}
-
-.hljs-subst {
-  font-weight: normal;
-}
-
-.hljs-type,
-.hljs-class .hljs-title {
-  color: #458;
-  font-weight: bold;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-attribute {
-  color: #000080;
-  font-weight: normal;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #009926;
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: #990073;
-}
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #0086b3;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  background: #fdd;
-}
-
-.hljs-addition {
-  background: #dfd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/gml.css b/assets/css/styles/gml.css
deleted file mode 100644
index ffb5e47..0000000
--- a/assets/css/styles/gml.css
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
-
-GML Theme - Meseta <meseta@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #222222;
-  color: #C0C0C0;
-}
-
-.hljs-keywords {
-  color: #FFB871;
-  font-weight: bold;
-}
-
-.hljs-built_in {
-  color: #FFB871;
-}
-
-.hljs-literal {
-  color: #FF8080;
-}
-
-.hljs-symbol {
-  color: #58E55A;
-}
-
-.hljs-comment {
-  color: #5B995B;
-}
-
-.hljs-string {
-  color: #FFFF00;
-}
-
-.hljs-number {
-  color: #FF8080;
-}
-
-.hljs-attribute,
-.hljs-selector-tag,
-.hljs-doctag,
-.hljs-name,
-.hljs-bullet,
-.hljs-code,
-.hljs-addition,
-.hljs-regexp,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-type,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion,
-.hljs-title,
-.hljs-section,
-.hljs-function,
-.hljs-meta-keyword,
-.hljs-meta,
-.hljs-subst {
-  color: #C0C0C0;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/googlecode.css b/assets/css/styles/googlecode.css
deleted file mode 100644
index 884ad63..0000000
--- a/assets/css/styles/googlecode.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-
-Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: white;
-  color: black;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #800;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-title,
-.hljs-name {
-  color: #008;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #660;
-}
-
-.hljs-string,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-regexp {
-  color: #080;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-meta,
-.hljs-number,
-.hljs-link {
-  color: #066;
-}
-
-.hljs-title,
-.hljs-doctag,
-.hljs-type,
-.hljs-attr,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-params {
-  color: #606;
-}
-
-.hljs-attribute,
-.hljs-subst {
-  color: #000;
-}
-
-.hljs-formula {
-  background-color: #eee;
-  font-style: italic;
-}
-
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #9B703F
-}
-
-.hljs-addition {
-  background-color: #baeeba;
-}
-
-.hljs-deletion {
-  background-color: #ffc8bd;
-}
-
-.hljs-doctag,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/grayscale.css b/assets/css/styles/grayscale.css
deleted file mode 100644
index 5376f34..0000000
--- a/assets/css/styles/grayscale.css
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
-
-grayscale style (c) MY Sun <simonmysun@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #333;
-  background: #fff;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #777;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: #333;
-  font-weight: bold;
-}
-
-.hljs-number,
-.hljs-literal {
-  color: #777;
-}
-
-.hljs-string,
-.hljs-doctag,
-.hljs-formula {
-  color: #333;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
-  color: #000;
-  font-weight: bold;
-}
-
-.hljs-subst {
-  font-weight: normal;
-}
-
-.hljs-class .hljs-title,
-.hljs-type,
-.hljs-name {
-  color: #333;
-  font-weight: bold;
-}
-
-.hljs-tag {
-  color: #333;
-}
-
-.hljs-regexp {
-    color: #333;
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link {
-  color: #000;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat;
-}
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #000;
-  text-decoration: underline;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  color: #fff;
-  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat;
-}
-
-.hljs-addition {
-  color: #000;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/gruvbox-dark.css b/assets/css/styles/gruvbox-dark.css
deleted file mode 100644
index f563811..0000000
--- a/assets/css/styles/gruvbox-dark.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
-
-Gruvbox style (dark) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #282828;
-}
-
-.hljs,
-.hljs-subst {
-  color: #ebdbb2;
-}
-
-/* Gruvbox Red */
-.hljs-deletion,
-.hljs-formula,
-.hljs-keyword,
-.hljs-link,
-.hljs-selector-tag {
-  color: #fb4934;
-}
-
-/* Gruvbox Blue */
-.hljs-built_in,
-.hljs-emphasis,
-.hljs-name,
-.hljs-quote,
-.hljs-strong,
-.hljs-title,
-.hljs-variable {
-  color: #83a598;
-}
-
-/* Gruvbox Yellow */
-.hljs-attr,
-.hljs-params,
-.hljs-template-tag,
-.hljs-type {
-  color: #fabd2f;
-}
-
-/* Gruvbox Purple */
-.hljs-builtin-name,
-.hljs-doctag,
-.hljs-literal,
-.hljs-number {
-  color: #8f3f71;
-}
-
-/* Gruvbox Orange */
-.hljs-code,
-.hljs-meta,
-.hljs-regexp,
-.hljs-selector-id,
-.hljs-template-variable {
-  color: #fe8019;
-}
-
-/* Gruvbox Green */
-.hljs-addition,
-.hljs-meta-string,
-.hljs-section,
-.hljs-selector-attr,
-.hljs-selector-class,
-.hljs-string,
-.hljs-symbol {
-  color: #b8bb26;
-}
-
-/* Gruvbox Aqua */
-.hljs-attribute,
-.hljs-bullet,
-.hljs-class,
-.hljs-function,
-.hljs-function .hljs-keyword,
-.hljs-meta-keyword,
-.hljs-selector-pseudo,
-.hljs-tag {
-  color: #8ec07c;
-}
-
-/* Gruvbox Gray */
-.hljs-comment {
-  color: #928374;
-}
-
-/* Gruvbox Purple */
-.hljs-link_label,
-.hljs-literal,
-.hljs-number {
-  color: #d3869b;
-}
-
-.hljs-comment,
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-section,
-.hljs-strong,
-.hljs-tag {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/gruvbox-light.css b/assets/css/styles/gruvbox-light.css
deleted file mode 100644
index ff45468..0000000
--- a/assets/css/styles/gruvbox-light.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
-
-Gruvbox style (light) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #fbf1c7;
-}
-
-.hljs,
-.hljs-subst {
-  color: #3c3836;
-}
-
-/* Gruvbox Red */
-.hljs-deletion,
-.hljs-formula,
-.hljs-keyword,
-.hljs-link,
-.hljs-selector-tag {
-  color: #9d0006;
-}
-
-/* Gruvbox Blue */
-.hljs-built_in,
-.hljs-emphasis,
-.hljs-name,
-.hljs-quote,
-.hljs-strong,
-.hljs-title,
-.hljs-variable {
-  color: #076678;
-}
-
-/* Gruvbox Yellow */
-.hljs-attr,
-.hljs-params,
-.hljs-template-tag,
-.hljs-type {
-  color: #b57614;
-}
-
-/* Gruvbox Purple */
-.hljs-builtin-name,
-.hljs-doctag,
-.hljs-literal,
-.hljs-number {
-  color: #8f3f71;
-}
-
-/* Gruvbox Orange */
-.hljs-code,
-.hljs-meta,
-.hljs-regexp,
-.hljs-selector-id,
-.hljs-template-variable {
-  color: #af3a03;
-}
-
-/* Gruvbox Green */
-.hljs-addition,
-.hljs-meta-string,
-.hljs-section,
-.hljs-selector-attr,
-.hljs-selector-class,
-.hljs-string,
-.hljs-symbol {
-  color: #79740e;
-}
-
-/* Gruvbox Aqua */
-.hljs-attribute,
-.hljs-bullet,
-.hljs-class,
-.hljs-function,
-.hljs-function .hljs-keyword,
-.hljs-meta-keyword,
-.hljs-selector-pseudo,
-.hljs-tag {
-  color: #427b58;
-}
-
-/* Gruvbox Gray */
-.hljs-comment {
-  color: #928374;
-}
-
-/* Gruvbox Purple */
-.hljs-link_label,
-.hljs-literal,
-.hljs-number {
-  color: #8f3f71;
-}
-
-.hljs-comment,
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-section,
-.hljs-strong,
-.hljs-tag {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/hopscotch.css b/assets/css/styles/hopscotch.css
deleted file mode 100644
index 32e60d2..0000000
--- a/assets/css/styles/hopscotch.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- * Hopscotch
- * by Jan T. Sott
- * https://github.com/idleberg/Hopscotch
- *
- * This work is licensed under the Creative Commons CC0 1.0 Universal License
- */
-
-/* Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #989498;
-}
-
-/* Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-link,
-.hljs-deletion {
-  color: #dd464c;
-}
-
-/* Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #fd8b19;
-}
-
-/* Yellow */
-.hljs-class .hljs-title {
-  color: #fdcc59;
-}
-
-/* Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #8fc13e;
-}
-
-/* Aqua */
-.hljs-meta {
-  color: #149b93;
-}
-
-/* Blue */
-.hljs-function,
-.hljs-section,
-.hljs-title {
-  color: #1290bf;
-}
-
-/* Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #c85e7c;
-}
-
-.hljs {
-  display: block;
-  background: #322931;
-  color: #b9b5b8;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/hybrid.css b/assets/css/styles/hybrid.css
deleted file mode 100644
index 29735a1..0000000
--- a/assets/css/styles/hybrid.css
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
-
-vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
-
-*/
-
-/*background color*/
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #1d1f21;
-}
-
-/*selection color*/
-.hljs::selection,
-.hljs span::selection {
-  background: #373b41;
-}
-
-.hljs::-moz-selection,
-.hljs span::-moz-selection {
-  background: #373b41;
-}
-
-/*foreground color*/
-.hljs {
-  color: #c5c8c6;
-}
-
-/*color: fg_yellow*/
-.hljs-title,
-.hljs-name {
-  color: #f0c674;
-}
-
-/*color: fg_comment*/
-.hljs-comment,
-.hljs-meta,
-.hljs-meta .hljs-keyword {
-  color: #707880;
-}
-
-/*color: fg_red*/
-.hljs-number,
-.hljs-symbol,
-.hljs-literal,
-.hljs-deletion,
-.hljs-link {
- color: #cc6666
-}
-
-/*color: fg_green*/
-.hljs-string,
-.hljs-doctag,
-.hljs-addition,
-.hljs-regexp,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #b5bd68;
-}
-
-/*color: fg_purple*/
-.hljs-attribute,
-.hljs-code,
-.hljs-selector-id {
- color: #b294bb;
-}
-
-/*color: fg_blue*/
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-bullet,
-.hljs-tag {
- color: #81a2be;
-}
-
-/*color: fg_aqua*/
-.hljs-subst,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable {
-  color: #8abeb7;
-}
-
-/*color: fg_orange*/
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-quote,
-.hljs-section,
-.hljs-selector-class {
-  color: #de935f;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/idea.css b/assets/css/styles/idea.css
deleted file mode 100644
index 3bf1892..0000000
--- a/assets/css/styles/idea.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
-
-Intellij Idea-like styling (c) Vasily Polovnyov <vast@whiteants.net>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #000;
-  background: #fff;
-}
-
-.hljs-subst,
-.hljs-title {
-  font-weight: normal;
-  color: #000;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #808080;
-  font-style: italic;
-}
-
-.hljs-meta {
-  color: #808000;
-}
-
-.hljs-tag {
-  background: #efefef;
-}
-
-.hljs-section,
-.hljs-name,
-.hljs-literal,
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type,
-.hljs-selector-id,
-.hljs-selector-class {
-  font-weight: bold;
-  color: #000080;
-}
-
-.hljs-attribute,
-.hljs-number,
-.hljs-regexp,
-.hljs-link {
-  font-weight: bold;
-  color: #0000ff;
-}
-
-.hljs-number,
-.hljs-regexp,
-.hljs-link {
-  font-weight: normal;
-}
-
-.hljs-string {
-  color: #008000;
-  font-weight: bold;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-formula {
-  color: #000;
-  background: #d0eded;
-  font-style: italic;
-}
-
-.hljs-doctag {
-  text-decoration: underline;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #660e7a;
-}
-
-.hljs-addition {
-  background: #baeeba;
-}
-
-.hljs-deletion {
-  background: #ffc8bd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/ir-black.css b/assets/css/styles/ir-black.css
deleted file mode 100644
index bd4c755..0000000
--- a/assets/css/styles/ir-black.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
-  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #000;
-  color: #f8f8f8;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-meta {
-  color: #7c7c7c;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-tag,
-.hljs-name {
-  color: #96cbfe;
-}
-
-.hljs-attribute,
-.hljs-selector-id {
-  color: #ffffb6;
-}
-
-.hljs-string,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-addition {
-  color: #a8ff60;
-}
-
-.hljs-subst {
-  color: #daefa3;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #e9c062;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-doctag {
-  color: #ffffb6;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-literal {
-  color: #c6c5fe;
-}
-
-.hljs-number,
-.hljs-deletion {
-  color:#ff73fd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/isbl-editor-dark.css b/assets/css/styles/isbl-editor-dark.css
deleted file mode 100644
index 2f1d95d..0000000
--- a/assets/css/styles/isbl-editor-dark.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
-
-ISBL Editor style dark color scheme (c) Dmitriy Tarasov <dimatar@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #404040;
-  color: #f0f0f0;
-}
-
-/* Base color: saturation 0; */
-
-.hljs,
-.hljs-subst {
-  color: #f0f0f0;
-}
-
-.hljs-comment {
-  color: #b5b5b5;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-attribute,
-.hljs-selector-tag,
-.hljs-meta-keyword,
-.hljs-doctag,
-.hljs-name {
-  color: #f0f0f0;
-  font-weight: bold;
-}
-
-
-/* User color: hue: 0 */
-
-.hljs-string {
-  color: #97bf0d;
-}
-
-.hljs-type,
-.hljs-number,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion {
-  color: #f0f0f0;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #df471e;
-}
-
-.hljs-title>.hljs-built_in {
-  color: #81bce9;
-  font-weight: normal;
-}
-
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #e2c696;
-}
-
-/* Language color: hue: 90; */
-
-.hljs-built_in,
-.hljs-literal {
-  color: #97bf0d;
-  font-weight: bold;
-}
-
-.hljs-bullet,
-.hljs-code,
-.hljs-addition {
-  color: #397300;
-}
-
-.hljs-class  {
-  color: #ce9d4d;
-  font-weight: bold;
-}
-
-/* Meta color: hue: 200 */
-
-.hljs-meta {
-  color: #1f7199;
-}
-
-.hljs-meta-string {
-  color: #4d99bf;
-}
-
-
-/* Misc effects */
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/isbl-editor-light.css b/assets/css/styles/isbl-editor-light.css
deleted file mode 100644
index 633070d..0000000
--- a/assets/css/styles/isbl-editor-light.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
-
-ISBL Editor style light color schemec (c) Dmitriy Tarasov <dimatar@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: white;
-  color: black;
-}
-
-/* Base color: saturation 0; */
-
-.hljs,
-.hljs-subst {
-  color: #000000;
-}
-
-.hljs-comment {
-  color: #555555;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-attribute,
-.hljs-selector-tag,
-.hljs-meta-keyword,
-.hljs-doctag,
-.hljs-name {
-  color: #000000;
-  font-weight: bold;
-}
-
-
-/* User color: hue: 0 */
-
-.hljs-string {
-  color: #000080;
-}
-
-.hljs-type,
-.hljs-number,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion {
-  color: #000000;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #fb2c00;
-}
-
-.hljs-title>.hljs-built_in {
-  color: #008080;
-  font-weight: normal;
-}
-
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #5e1700;
-}
-
-/* Language color: hue: 90; */
-
-.hljs-built_in,
-.hljs-literal {
-  color: #000080;
-  font-weight: bold;
-}
-
-.hljs-bullet,
-.hljs-code,
-.hljs-addition {
-  color: #397300;
-}
-
-.hljs-class  {
-  color: #6f1C00;
-  font-weight: bold;
-}
-
-/* Meta color: hue: 200 */
-
-.hljs-meta {
-  color: #1f7199;
-}
-
-.hljs-meta-string {
-  color: #4d99bf;
-}
-
-
-/* Misc effects */
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/kimbie.dark.css b/assets/css/styles/kimbie.dark.css
deleted file mode 100644
index d139cb5..0000000
--- a/assets/css/styles/kimbie.dark.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
-    Name:     Kimbie (dark)
-    Author:   Jan T. Sott
-    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
-    URL:      https://github.com/idleberg/Kimbie-highlight.js
-*/
-
-/* Kimbie Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #d6baad;
-}
-
-/* Kimbie Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-meta {
-  color: #dc3958;
-}
-
-/* Kimbie Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-deletion,
-.hljs-link {
-  color: #f79a32;
-}
-
-/* Kimbie Yellow */
-.hljs-title,
-.hljs-section,
-.hljs-attribute {
-  color: #f06431;
-}
-
-/* Kimbie Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #889b4a;
-}
-
-/* Kimbie Purple */
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-function {
-  color: #98676a;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #221a0f;
-  color: #d3af86;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/kimbie.light.css b/assets/css/styles/kimbie.light.css
deleted file mode 100644
index 04ff6ed..0000000
--- a/assets/css/styles/kimbie.light.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
-    Name:     Kimbie (light)
-    Author:   Jan T. Sott
-    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
-    URL:      https://github.com/idleberg/Kimbie-highlight.js
-*/
-
-/* Kimbie Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #a57a4c;
-}
-
-/* Kimbie Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-meta {
-  color: #dc3958;
-}
-
-/* Kimbie Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-deletion,
-.hljs-link {
-  color: #f79a32;
-}
-
-/* Kimbie Yellow */
-.hljs-title,
-.hljs-section,
-.hljs-attribute {
-  color: #f06431;
-}
-
-/* Kimbie Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #889b4a;
-}
-
-/* Kimbie Purple */
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-function {
-  color: #98676a;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #fbebd4;
-  color: #84613d;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/lightfair.css b/assets/css/styles/lightfair.css
deleted file mode 100644
index a247c8e..0000000
--- a/assets/css/styles/lightfair.css
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
-
-Lightfair style (c) Tristian Kelly <tristian.kelly560@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-}
-
-.hljs-name {
-    color:#01a3a3;
-}
-
-.hljs-tag,.hljs-meta {
-    color:#778899;
-}
-
-.hljs,
-.hljs-subst {
-    color: #444
-}
-
-.hljs-comment {
-    color: #888888
-}
-
-.hljs-keyword,
-.hljs-attribute,
-.hljs-selector-tag,
-.hljs-meta-keyword,
-.hljs-doctag,
-.hljs-name {
-    font-weight: bold
-}
-
-.hljs-type,
-.hljs-string,
-.hljs-number,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion {
-    color: #4286f4
-}
-
-.hljs-title,
-.hljs-section {
-    color: #4286f4;
-    font-weight: bold
-}
-
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-    color: #BC6060
-}
-
-.hljs-literal {
-    color: #62bcbc
-}
-
-.hljs-built_in,
-.hljs-bullet,
-.hljs-code,
-.hljs-addition {
-    color: #25c6c6
-}
-
-.hljs-meta-string {
-    color: #4d99bf
-}
-
-.hljs-emphasis {
-    font-style: italic
-}
-
-.hljs-strong {
-    font-weight: bold
-}
diff --git a/assets/css/styles/magula.css b/assets/css/styles/magula.css
deleted file mode 100644
index 44dee5e..0000000
--- a/assets/css/styles/magula.css
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
-Description: Magula style for highligh.js
-Author: Ruslan Keba <rukeba@gmail.com>
-Website: http://rukeba.com/
-Version: 1.0
-Date: 2009-01-03
-Music: Aphex Twin / Xtal
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background-color: #f4f4f4;
-}
-
-.hljs,
-.hljs-subst {
-  color: black;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable {
-  color: #050;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #777;
-}
-
-.hljs-number,
-.hljs-regexp,
-.hljs-literal,
-.hljs-type,
-.hljs-link {
-  color: #800;
-}
-
-.hljs-deletion,
-.hljs-meta {
-  color: #00e;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-doctag,
-.hljs-title,
-.hljs-section,
-.hljs-built_in,
-.hljs-tag,
-.hljs-name {
-  font-weight: bold;
-  color: navy;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/mono-blue.css b/assets/css/styles/mono-blue.css
deleted file mode 100644
index 884c97c..0000000
--- a/assets/css/styles/mono-blue.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
-  Five-color theme from a single blue hue.
-*/
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #eaeef3;
-}
-
-.hljs {
-  color: #00193a;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-title,
-.hljs-section,
-.hljs-doctag,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-comment {
-  color: #738191;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-section,
-.hljs-built_in,
-.hljs-literal,
-.hljs-type,
-.hljs-addition,
-.hljs-tag,
-.hljs-quote,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #0048ab;
-}
-
-.hljs-meta,
-.hljs-subst,
-.hljs-symbol,
-.hljs-regexp,
-.hljs-attribute,
-.hljs-deletion,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-bullet {
-  color: #4c81c9;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/monokai-sublime.css b/assets/css/styles/monokai-sublime.css
deleted file mode 100644
index 2864170..0000000
--- a/assets/css/styles/monokai-sublime.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-
-Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #23241f;
-}
-
-.hljs,
-.hljs-tag,
-.hljs-subst {
-  color: #f8f8f2;
-}
-
-.hljs-strong,
-.hljs-emphasis {
-  color: #a8a8a2;
-}
-
-.hljs-bullet,
-.hljs-quote,
-.hljs-number,
-.hljs-regexp,
-.hljs-literal,
-.hljs-link {
-  color: #ae81ff;
-}
-
-.hljs-code,
-.hljs-title,
-.hljs-section,
-.hljs-selector-class {
-  color: #a6e22e;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-name,
-.hljs-attr {
-  color: #f92672;
-}
-
-.hljs-symbol,
-.hljs-attribute {
-  color: #66d9ef;
-}
-
-.hljs-params,
-.hljs-class .hljs-title {
-  color: #f8f8f2;
-}
-
-.hljs-string,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-selector-id,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-variable {
-  color: #e6db74;
-}
-
-.hljs-comment,
-.hljs-deletion,
-.hljs-meta {
-  color: #75715e;
-}
diff --git a/assets/css/styles/monokai.css b/assets/css/styles/monokai.css
deleted file mode 100644
index 775d53f..0000000
--- a/assets/css/styles/monokai.css
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
-Monokai style - ported by Luigi Maselli - http://grigio.org
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #272822; color: #ddd;
-}
-
-.hljs-tag,
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-strong,
-.hljs-name {
-  color: #f92672;
-}
-
-.hljs-code {
-  color: #66d9ef;
-}
-
-.hljs-class .hljs-title {
-  color: white;
-}
-
-.hljs-attribute,
-.hljs-symbol,
-.hljs-regexp,
-.hljs-link {
-  color: #bf79db;
-}
-
-.hljs-string,
-.hljs-bullet,
-.hljs-subst,
-.hljs-title,
-.hljs-section,
-.hljs-emphasis,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable {
-  color: #a6e22e;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-deletion,
-.hljs-meta {
-  color: #75715e;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-doctag,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-selector-id {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/nord.css b/assets/css/styles/nord.css
deleted file mode 100644
index 4240384..0000000
--- a/assets/css/styles/nord.css
+++ /dev/null
@@ -1,309 +0,0 @@
-/*
- * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
- * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
- *
- * Project:    Nord highlight.js
- * Version:    0.1.0
- * Repository: https://github.com/arcticicestudio/nord-highlightjs
- * License:    MIT
- * References:
- *   https://github.com/arcticicestudio/nord
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #2E3440;
-}
-
-.hljs,
-.hljs-subst {
-  color: #D8DEE9;
-}
-
-.hljs-selector-tag {
-  color: #81A1C1;
-}
-
-.hljs-selector-id {
-  color: #8FBCBB;
-  font-weight: bold;
-}
-
-.hljs-selector-class {
-  color: #8FBCBB;
-}
-
-.hljs-selector-attr {
-  color: #8FBCBB;
-}
-
-.hljs-selector-pseudo {
-  color: #88C0D0;
-}
-
-.hljs-addition {
-  background-color: rgba(163, 190, 140, 0.5);
-}
-
-.hljs-deletion {
-  background-color: rgba(191, 97, 106, 0.5);
-}
-
-.hljs-built_in,
-.hljs-type {
-  color: #8FBCBB;
-}
-
-.hljs-class {
-  color: #8FBCBB;
-}
-
-.hljs-function {
-  color: #88C0D0;
-}
-
-.hljs-function > .hljs-title {
-  color: #88C0D0;
-}
-
-.hljs-keyword,
-.hljs-literal,
-.hljs-symbol {
-  color: #81A1C1;
-}
-
-.hljs-number {
-  color: #B48EAD;
-}
-
-.hljs-regexp {
-  color: #EBCB8B;
-}
-
-.hljs-string {
-  color: #A3BE8C;
-}
-
-.hljs-title {
-  color: #8FBCBB;
-}
-
-.hljs-params {
-  color: #D8DEE9;
-}
-
-.hljs-bullet {
-  color: #81A1C1;
-}
-
-.hljs-code {
-  color: #8FBCBB;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-formula {
-  color: #8FBCBB;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-link:hover {
-  text-decoration: underline;
-}
-
-.hljs-quote {
-  color: #4C566A;
-}
-
-.hljs-comment {
-  color: #4C566A;
-}
-
-.hljs-doctag {
-  color: #8FBCBB;
-}
-
-.hljs-meta,
-.hljs-meta-keyword {
-  color: #5E81AC;
-}
-
-.hljs-meta-string {
-  color: #A3BE8C;
-}
-
-.hljs-attr {
-  color: #8FBCBB;
-}
-
-.hljs-attribute {
-  color: #D8DEE9;
-}
-
-.hljs-builtin-name {
-  color: #81A1C1;
-}
-
-.hljs-name {
-  color: #81A1C1;
-}
-
-.hljs-section {
-  color: #88C0D0;
-}
-
-.hljs-tag {
-  color: #81A1C1;
-}
-
-.hljs-variable {
-  color: #D8DEE9;
-}
-
-.hljs-template-variable {
-  color: #D8DEE9;
-}
-
-.hljs-template-tag {
-  color: #5E81AC;
-}
-
-.abnf .hljs-attribute {
-  color: #88C0D0;
-}
-
-.abnf .hljs-symbol {
-  color: #EBCB8B;
-}
-
-.apache .hljs-attribute {
-  color: #88C0D0;
-}
-
-.apache .hljs-section {
-  color: #81A1C1;
-}
-
-.arduino .hljs-built_in {
-  color: #88C0D0;
-}
-
-.aspectj .hljs-meta {
-  color: #D08770;
-}
-
-.aspectj > .hljs-title {
-  color: #88C0D0;
-}
-
-.bnf .hljs-attribute {
-  color: #8FBCBB;
-}
-
-.clojure .hljs-name {
-  color: #88C0D0;
-}
-
-.clojure .hljs-symbol {
-  color: #EBCB8B;
-}
-
-.coq .hljs-built_in {
-  color: #88C0D0;
-}
-
-.cpp .hljs-meta-string {
-  color: #8FBCBB;
-}
-
-.css .hljs-built_in {
-  color: #88C0D0;
-}
-
-.css .hljs-keyword {
-  color: #D08770;
-}
-
-.diff .hljs-meta {
-  color: #8FBCBB;
-}
-
-.ebnf .hljs-attribute {
-  color: #8FBCBB;
-}
-
-.glsl .hljs-built_in {
-  color: #88C0D0;
-}
-
-.groovy .hljs-meta:not(:first-child) {
-  color: #D08770;
-}
-
-.haxe .hljs-meta {
-  color: #D08770;
-}
-
-.java .hljs-meta {
-  color: #D08770;
-}
-
-.ldif .hljs-attribute {
-  color: #8FBCBB;
-}
-
-.lisp .hljs-name {
-  color: #88C0D0;
-}
-
-.lua .hljs-built_in {
-  color: #88C0D0;
-}
-
-.moonscript .hljs-built_in {
-  color: #88C0D0;
-}
-
-.nginx .hljs-attribute {
-  color: #88C0D0;
-}
-
-.nginx .hljs-section {
-  color: #5E81AC;
-}
-
-.pf .hljs-built_in {
-  color: #88C0D0;
-}
-
-.processing .hljs-built_in {
-  color: #88C0D0;
-}
-
-.scss .hljs-keyword {
-  color: #81A1C1;
-}
-
-.stylus .hljs-keyword {
-  color: #81A1C1;
-}
-
-.swift .hljs-meta {
-  color: #D08770;
-}
-
-.vim .hljs-built_in {
-  color: #88C0D0;
-  font-style: italic;
-}
-
-.yaml .hljs-meta {
-  color: #D08770;
-}
diff --git a/assets/css/styles/obsidian.css b/assets/css/styles/obsidian.css
deleted file mode 100644
index 356630f..0000000
--- a/assets/css/styles/obsidian.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * Obsidian style
- * ported by Alexander Marenin (http://github.com/ioncreature)
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #282b2e;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-selector-id {
-  color: #93c763;
-}
-
-.hljs-number {
-  color: #ffcd22;
-}
-
-.hljs {
-  color: #e0e2e4;
-}
-
-.hljs-attribute {
-  color: #668bb0;
-}
-
-.hljs-code,
-.hljs-class .hljs-title,
-.hljs-section {
-  color: white;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #d39745;
-}
-
-.hljs-meta {
-  color: #557182;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-bullet,
-.hljs-subst,
-.hljs-emphasis,
-.hljs-type,
-.hljs-built_in,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable {
-  color: #8cbbad;
-}
-
-.hljs-string,
-.hljs-symbol {
-  color: #ec7600;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-deletion {
-  color: #818e96;
-}
-
-.hljs-selector-class {
-  color: #A082BD
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-doctag,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/ocean.css b/assets/css/styles/ocean.css
deleted file mode 100644
index 5901581..0000000
--- a/assets/css/styles/ocean.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* Ocean Dark Theme */
-/* https://github.com/gavsiu */
-/* Original theme - https://github.com/chriskempson/base16 */
-
-/* Ocean Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #65737e;
-}
-
-/* Ocean Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #bf616a;
-}
-
-/* Ocean Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #d08770;
-}
-
-/* Ocean Yellow */
-.hljs-attribute {
-  color: #ebcb8b;
-}
-
-/* Ocean Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #a3be8c;
-}
-
-/* Ocean Blue */
-.hljs-title,
-.hljs-section {
-  color: #8fa1b3;
-}
-
-/* Ocean Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #b48ead;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #2b303b;
-  color: #c0c5ce;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/paraiso-dark.css b/assets/css/styles/paraiso-dark.css
deleted file mode 100644
index e729240..0000000
--- a/assets/css/styles/paraiso-dark.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/*
-    Paraíso (dark)
-    Created by Jan T. Sott (http://github.com/idleberg)
-    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
-*/
-
-/* Paraíso Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #8d8687;
-}
-
-/* Paraíso Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-link,
-.hljs-meta {
-  color: #ef6155;
-}
-
-/* Paraíso Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-deletion {
-  color: #f99b15;
-}
-
-/* Paraíso Yellow */
-.hljs-title,
-.hljs-section,
-.hljs-attribute {
-  color: #fec418;
-}
-
-/* Paraíso Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #48b685;
-}
-
-/* Paraíso Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #815ba4;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #2f1e2e;
-  color: #a39e9b;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/paraiso-light.css b/assets/css/styles/paraiso-light.css
deleted file mode 100644
index 944857c..0000000
--- a/assets/css/styles/paraiso-light.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/*
-    Paraíso (light)
-    Created by Jan T. Sott (http://github.com/idleberg)
-    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
-*/
-
-/* Paraíso Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #776e71;
-}
-
-/* Paraíso Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-link,
-.hljs-meta {
-  color: #ef6155;
-}
-
-/* Paraíso Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-deletion {
-  color: #f99b15;
-}
-
-/* Paraíso Yellow */
-.hljs-title,
-.hljs-section,
-.hljs-attribute {
-  color: #fec418;
-}
-
-/* Paraíso Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #48b685;
-}
-
-/* Paraíso Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #815ba4;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #e7e9db;
-  color: #4f424c;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/pojoaque.css b/assets/css/styles/pojoaque.css
deleted file mode 100644
index 2e07847..0000000
--- a/assets/css/styles/pojoaque.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-
-Pojoaque Style by Jason Tate
-http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
-Based on Solarized Style from http://ethanschoonover.com/solarized
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #dccf8f;
-  background: url(./pojoaque.jpg) repeat scroll left top #181914;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #586e75;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-addition {
-  color: #b64926;
-}
-
-.hljs-number,
-.hljs-string,
-.hljs-doctag,
-.hljs-regexp {
-  color: #468966;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-built_in,
-.hljs-name {
-  color: #ffb03b;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-class .hljs-title,
-.hljs-type,
-.hljs-tag {
-  color: #b58900;
-}
-
-.hljs-attribute {
-  color: #b89859;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-subst,
-.hljs-meta {
-  color: #cb4b16;
-}
-
-.hljs-deletion {
-  color: #dc322f;
-}
-
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d3a60c;
-}
-
-.hljs-formula {
-  background: #073642;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/pojoaque.jpg b/assets/css/styles/pojoaque.jpg
deleted file mode 100644
index 9c07d4a..0000000
--- a/assets/css/styles/pojoaque.jpg
+++ /dev/null
diff --git a/assets/css/styles/purebasic.css b/assets/css/styles/purebasic.css
deleted file mode 100644
index 5ce9b9e..0000000
--- a/assets/css/styles/purebasic.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
-
-PureBASIC native IDE style ( version 1.0 - April 2016 )
-
-by Tristano Ajmone <tajmone@gmail.com>
-
-Public Domain
-
-NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
-			.hljs-comment
-			.hljs-function
-			.hljs-keywords
-			.hljs-string
-			.hljs-symbol
-
-		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
-		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
-		a "--- used for PureBASIC ... ---" comment on same line.
-
-NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
-			http://chir.ag/projects/name-that-color
-*/
-
-.hljs { /* Common set of rules required by highlight.js (don'r remove!) */
-	display: block;
-	overflow-x: auto;
-	padding: 0.5em;
-	background: #FFFFDF; /* Half and Half (approx.) */
-/* --- Uncomment to add PureBASIC native IDE styled font!
-	font-family: Consolas;
-*/
-}
-
-.hljs, /* --- used for PureBASIC base color --- */
-.hljs-type,  /* --- used for PureBASIC Procedures return type --- */
-.hljs-function, /* --- used for wrapping PureBASIC Procedures definitions --- */
-.hljs-name,
-.hljs-number,
-.hljs-attr,
-.hljs-params,
-.hljs-subst {
-	color: #000000; /* Black */
-}
-
-.hljs-comment, /* --- used for PureBASIC Comments --- */
-.hljs-regexp,
-.hljs-section,
-.hljs-selector-pseudo,
-.hljs-addition {
-	color: #00AAAA; /* Persian Green (approx.) */
-}
-
-.hljs-title, /* --- used for PureBASIC Procedures Names --- */
-.hljs-tag,
-.hljs-variable,
-.hljs-code  {
-	color: #006666; /* Blue Stone (approx.) */
-}
-
-.hljs-keyword, /* --- used for PureBASIC Keywords --- */
-.hljs-class,
-.hljs-meta-keyword,
-.hljs-selector-class,
-.hljs-built_in,
-.hljs-builtin-name {
-	color: #006666; /* Blue Stone (approx.) */
-	font-weight: bold;
-}
-
-.hljs-string, /* --- used for PureBASIC Strings --- */
-.hljs-selector-attr {
-	color: #0080FF; /* Azure Radiance (approx.) */
-}
-
-.hljs-symbol, /* --- used for PureBASIC Constants --- */
-.hljs-link,
-.hljs-deletion,
-.hljs-attribute {
-	color: #924B72; /* Cannon Pink (approx.) */
-}
-
-.hljs-meta,
-.hljs-literal,
-.hljs-selector-id {
-	color: #924B72; /* Cannon Pink (approx.) */
-	font-weight: bold;
-}
-
-.hljs-strong,
-.hljs-name {
-	font-weight: bold;
-}
-
-.hljs-emphasis {
-	font-style: italic;
-}
diff --git a/assets/css/styles/qtcreator_dark.css b/assets/css/styles/qtcreator_dark.css
deleted file mode 100644
index 7aa56a3..0000000
--- a/assets/css/styles/qtcreator_dark.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-
-Qt Creator dark color scheme
-
-*/
-
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #000000;
-}
-
-.hljs,
-.hljs-subst,
-.hljs-tag,
-.hljs-title {
-  color: #aaaaaa;
-}
-
-.hljs-strong,
-.hljs-emphasis {
-  color: #a8a8a2;
-}
-
-.hljs-bullet,
-.hljs-quote,
-.hljs-number,
-.hljs-regexp,
-.hljs-literal {
-  color: #ff55ff;
-}
-
-.hljs-code
-.hljs-selector-class {
-  color: #aaaaff;
-}
-
-.hljs-emphasis,
-.hljs-stronge,
-.hljs-type {
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-function,
-.hljs-section,
-.hljs-symbol,
-.hljs-name {
-  color: #ffff55;
-}
-
-.hljs-attribute {
-  color: #ff5555;
-}
-
-.hljs-variable,
-.hljs-params,
-.hljs-class .hljs-title {
-  color: #8888ff;
-}
-
-.hljs-string,
-.hljs-selector-id,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition,
-.hljs-link {
-  color: #ff55ff;
-}
-
-.hljs-comment,
-.hljs-meta,
-.hljs-deletion {
-  color: #55ffff;
-}
diff --git a/assets/css/styles/qtcreator_light.css b/assets/css/styles/qtcreator_light.css
deleted file mode 100644
index 1efa2c6..0000000
--- a/assets/css/styles/qtcreator_light.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-
-Qt Creator light color scheme
-
-*/
-
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #ffffff;
-}
-
-.hljs,
-.hljs-subst,
-.hljs-tag,
-.hljs-title {
-  color: #000000;
-}
-
-.hljs-strong,
-.hljs-emphasis {
-  color: #000000;
-}
-
-.hljs-bullet,
-.hljs-quote,
-.hljs-number,
-.hljs-regexp,
-.hljs-literal {
-  color: #000080;
-}
-
-.hljs-code
-.hljs-selector-class {
-  color: #800080;
-}
-
-.hljs-emphasis,
-.hljs-stronge,
-.hljs-type {
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-function,
-.hljs-section,
-.hljs-symbol,
-.hljs-name {
-  color: #808000;
-}
-
-.hljs-attribute {
-  color: #800000;
-}
-
-.hljs-variable,
-.hljs-params,
-.hljs-class .hljs-title {
-  color: #0055AF;
-}
-
-.hljs-string,
-.hljs-selector-id,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition,
-.hljs-link {
-  color: #008000;
-}
-
-.hljs-comment,
-.hljs-meta,
-.hljs-deletion {
-  color: #008000;
-}
diff --git a/assets/css/styles/railscasts.css b/assets/css/styles/railscasts.css
deleted file mode 100644
index 008cdc5..0000000
--- a/assets/css/styles/railscasts.css
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
-
-Railscasts-like style (c) Visoft, Inc. (Damien White)
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #232323;
-  color: #e6e1dc;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #bc9458;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #c26230;
-}
-
-.hljs-string,
-.hljs-number,
-.hljs-regexp,
-.hljs-variable,
-.hljs-template-variable {
-  color: #a5c261;
-}
-
-.hljs-subst {
-  color: #519f50;
-}
-
-.hljs-tag,
-.hljs-name {
-  color: #e8bf6a;
-}
-
-.hljs-type {
-  color: #da4939;
-}
-
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-attr,
-.hljs-link {
-  color: #6d9cbe;
-}
-
-.hljs-params {
-  color: #d0d0ff;
-}
-
-.hljs-attribute {
-  color: #cda869;
-}
-
-.hljs-meta {
-  color: #9b859d;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #ffc66d;
-}
-
-.hljs-addition {
-  background-color: #144212;
-  color: #e6e1dc;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #600;
-  color: #e6e1dc;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-selector-class {
-  color: #9b703f;
-}
-
-.hljs-selector-id {
-  color: #8b98ab;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
diff --git a/assets/css/styles/rainbow.css b/assets/css/styles/rainbow.css
deleted file mode 100644
index 905eb8e..0000000
--- a/assets/css/styles/rainbow.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
-
-Style with support for rainbow parens
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #474949;
-  color: #d1d9e1;
-}
-
-
-.hljs-comment,
-.hljs-quote {
-  color: #969896;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-type,
-.hljs-addition {
-  color: #cc99cc;
-}
-
-.hljs-number,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #f99157;
-}
-
-.hljs-string,
-.hljs-doctag,
-.hljs-regexp {
-  color: #8abeb7;
-}
-
-.hljs-title,
-.hljs-name,
-.hljs-section,
-.hljs-built_in {
-  color: #b5bd68;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-selector-id,
-.hljs-class .hljs-title {
-   color: #ffcc66;
-}
-
-.hljs-section,
-.hljs-name,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-subst,
-.hljs-meta,
-.hljs-link {
-  color: #f99157;
-}
-
-.hljs-deletion {
-  color: #dc322f;
-}
-
-.hljs-formula {
-  background: #eee8d5;
-}
-
-.hljs-attr,
-.hljs-attribute {
-  color: #81a2be;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/routeros.css b/assets/css/styles/routeros.css
deleted file mode 100644
index ebe2399..0000000
--- a/assets/css/styles/routeros.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
-
- highlight.js style for Microtik RouterOS script
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #F0F0F0;
-}
-
-/* Base color: saturation 0; */
-
-.hljs,
-.hljs-subst {
-  color: #444;
-}
-
-.hljs-comment {
-  color: #888888;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-meta-keyword,
-.hljs-doctag,
-.hljs-name {
-  font-weight: bold;
-}
-
-.hljs-attribute {
-  color: #0E9A00;
-}    
-
-.hljs-function {
-  color: #99069A;
-}
-
-.hljs-builtin-name {
-  color: #99069A;
-}
-
-/* User color: hue: 0 */
-
-.hljs-type,
-.hljs-string,
-.hljs-number,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-quote,
-.hljs-template-tag,
-.hljs-deletion {
-  color: #880000;
-}
-
-.hljs-title,
-.hljs-section {
-  color: #880000;
-  font-weight: bold;
-}
-
-.hljs-regexp,
-.hljs-symbol,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-link,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #BC6060;
-}
-
-
-/* Language color: hue: 90; */
-
-.hljs-literal {
-  color: #78A960;
-}
-
-.hljs-built_in,
-.hljs-bullet,
-.hljs-code,
-.hljs-addition {
-  color: #0C9A9A;
-}
-
-
-/* Meta color: hue: 200 */
-
-.hljs-meta {
-  color: #1f7199;
-}
-
-.hljs-meta-string {
-  color: #4d99bf;
-}
-
-
-/* Misc effects */
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/school-book.css b/assets/css/styles/school-book.css
deleted file mode 100644
index 9483851..0000000
--- a/assets/css/styles/school-book.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
-
-School Book style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 15px 0.5em 0.5em 30px;
-  font-size: 11px;
-  line-height:16px;
-  background:#f6f6ae url(./school-book.png);
-  border-top: solid 2px #d2e8b9;
-  border-bottom: solid 1px #d2e8b9;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal {
-  color:#005599;
-  font-weight:bold;
-}
-
-.hljs,
-.hljs-subst {
-  color: #3e5915;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-addition,
-.hljs-variable,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-link {
-  color: #2c009f;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-deletion,
-.hljs-meta {
-  color: #e60415;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-doctag,
-.hljs-title,
-.hljs-section,
-.hljs-type,
-.hljs-name,
-.hljs-selector-id,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/school-book.png b/assets/css/styles/school-book.png
deleted file mode 100644
index 956e979..0000000
--- a/assets/css/styles/school-book.png
+++ /dev/null
diff --git a/assets/css/styles/shades-of-purple.css b/assets/css/styles/shades-of-purple.css
deleted file mode 100644
index c0e899e..0000000
--- a/assets/css/styles/shades-of-purple.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * Shades of Purple Theme — for Highlightjs.
- *
- * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
- * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
- * @version 1.5.0
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  /* Custom font is optional */
-  /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';  */
-  line-height: 1.45;
-  padding: 2rem;
-  background: #2d2b57;
-  font-weight: normal;
-}
-
-.hljs-title {
-  color: #fad000;
-  font-weight: normal;
-}
-
-.hljs-name {
-  color: #a1feff;
-}
-
-.hljs-tag {
-  color: #ffffff;
-}
-
-.hljs-attr {
-  color: #f8d000;
-  font-style: italic;
-}
-
-.hljs-built_in,
-.hljs-selector-tag,
-.hljs-section {
-  color: #fb9e00;
-}
-
-.hljs-keyword {
-  color: #fb9e00;
-}
-
-.hljs,
-.hljs-subst {
-  color: #e3dfff;
-}
-
-.hljs-string,
-.hljs-attribute,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition,
-.hljs-code,
-.hljs-regexp,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-template-tag,
-.hljs-quote,
-.hljs-deletion {
-  color: #4cd213;
-}
-
-.hljs-meta,
-.hljs-meta-string {
-  color: #fb9e00;
-}
-
-.hljs-comment {
-  color: #ac65ff;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-name,
-.hljs-strong {
-  font-weight: normal;
-}
-
-.hljs-literal,
-.hljs-number {
-  color: #fa658d;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/solarized-dark.css b/assets/css/styles/solarized-dark.css
deleted file mode 100644
index b4c0da1..0000000
--- a/assets/css/styles/solarized-dark.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
-
-Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #002b36;
-  color: #839496;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #586e75;
-}
-
-/* Solarized Green */
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-addition {
-  color: #859900;
-}
-
-/* Solarized Cyan */
-.hljs-number,
-.hljs-string,
-.hljs-meta .hljs-meta-string,
-.hljs-literal,
-.hljs-doctag,
-.hljs-regexp {
-  color: #2aa198;
-}
-
-/* Solarized Blue */
-.hljs-title,
-.hljs-section,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #268bd2;
-}
-
-/* Solarized Yellow */
-.hljs-attribute,
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-class .hljs-title,
-.hljs-type {
-  color: #b58900;
-}
-
-/* Solarized Orange */
-.hljs-symbol,
-.hljs-bullet,
-.hljs-subst,
-.hljs-meta,
-.hljs-meta .hljs-keyword,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-link {
-  color: #cb4b16;
-}
-
-/* Solarized Red */
-.hljs-built_in,
-.hljs-deletion {
-  color: #dc322f;
-}
-
-.hljs-formula {
-  background: #073642;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/solarized-light.css b/assets/css/styles/solarized-light.css
deleted file mode 100644
index fdcfcc7..0000000
--- a/assets/css/styles/solarized-light.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
-
-Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #fdf6e3;
-  color: #657b83;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #93a1a1;
-}
-
-/* Solarized Green */
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-addition {
-  color: #859900;
-}
-
-/* Solarized Cyan */
-.hljs-number,
-.hljs-string,
-.hljs-meta .hljs-meta-string,
-.hljs-literal,
-.hljs-doctag,
-.hljs-regexp {
-  color: #2aa198;
-}
-
-/* Solarized Blue */
-.hljs-title,
-.hljs-section,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #268bd2;
-}
-
-/* Solarized Yellow */
-.hljs-attribute,
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-class .hljs-title,
-.hljs-type {
-  color: #b58900;
-}
-
-/* Solarized Orange */
-.hljs-symbol,
-.hljs-bullet,
-.hljs-subst,
-.hljs-meta,
-.hljs-meta .hljs-keyword,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-link {
-  color: #cb4b16;
-}
-
-/* Solarized Red */
-.hljs-built_in,
-.hljs-deletion {
-  color: #dc322f;
-}
-
-.hljs-formula {
-  background: #eee8d5;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/sunburst.css b/assets/css/styles/sunburst.css
deleted file mode 100644
index f56dd5e..0000000
--- a/assets/css/styles/sunburst.css
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
-
-Sunburst-like style (c) Vasily Polovnyov <vast@whiteants.net>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #000;
-  color: #f8f8f8;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #aeaeae;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type {
-  color: #e28964;
-}
-
-.hljs-string {
-  color: #65b042;
-}
-
-.hljs-subst {
-  color: #daefa3;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #e9c062;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-tag,
-.hljs-name {
-  color: #89bdff;
-}
-
-.hljs-class .hljs-title,
-.hljs-doctag {
-  text-decoration: underline;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-number {
-  color: #3387cc;
-}
-
-.hljs-params,
-.hljs-variable,
-.hljs-template-variable {
-  color: #3e87e3;
-}
-
-.hljs-attribute {
-  color: #cda869;
-}
-
-.hljs-meta {
-  color: #8996a8;
-}
-
-.hljs-formula {
-  background-color: #0e2231;
-  color: #f8f8f8;
-  font-style: italic;
-}
-
-.hljs-addition {
-  background-color: #253b22;
-  color: #f8f8f8;
-}
-
-.hljs-deletion {
-  background-color: #420e09;
-  color: #f8f8f8;
-}
-
-.hljs-selector-class {
-  color: #9b703f;
-}
-
-.hljs-selector-id {
-  color: #8b98ab;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/tomorrow-night-blue.css b/assets/css/styles/tomorrow-night-blue.css
deleted file mode 100644
index 78e59cc..0000000
--- a/assets/css/styles/tomorrow-night-blue.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/* Tomorrow Night Blue Theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-/* Original theme - https://github.com/chriskempson/tomorrow-theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-
-/* Tomorrow Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #7285b7;
-}
-
-/* Tomorrow Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #ff9da4;
-}
-
-/* Tomorrow Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #ffc58f;
-}
-
-/* Tomorrow Yellow */
-.hljs-attribute {
-  color: #ffeead;
-}
-
-/* Tomorrow Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #d1f1a9;
-}
-
-/* Tomorrow Blue */
-.hljs-title,
-.hljs-section {
-  color: #bbdaff;
-}
-
-/* Tomorrow Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #ebbbff;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #002451;
-  color: white;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/tomorrow-night-bright.css b/assets/css/styles/tomorrow-night-bright.css
deleted file mode 100644
index e05af8a..0000000
--- a/assets/css/styles/tomorrow-night-bright.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* Tomorrow Night Bright Theme */
-/* Original theme - https://github.com/chriskempson/tomorrow-theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-
-/* Tomorrow Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #969896;
-}
-
-/* Tomorrow Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #d54e53;
-}
-
-/* Tomorrow Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #e78c45;
-}
-
-/* Tomorrow Yellow */
-.hljs-attribute {
-  color: #e7c547;
-}
-
-/* Tomorrow Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #b9ca4a;
-}
-
-/* Tomorrow Blue */
-.hljs-title,
-.hljs-section {
-  color: #7aa6da;
-}
-
-/* Tomorrow Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #c397d8;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: black;
-  color: #eaeaea;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/tomorrow-night-eighties.css b/assets/css/styles/tomorrow-night-eighties.css
deleted file mode 100644
index 08fd51c..0000000
--- a/assets/css/styles/tomorrow-night-eighties.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* Tomorrow Night Eighties Theme */
-/* Original theme - https://github.com/chriskempson/tomorrow-theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-
-/* Tomorrow Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #999999;
-}
-
-/* Tomorrow Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #f2777a;
-}
-
-/* Tomorrow Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #f99157;
-}
-
-/* Tomorrow Yellow */
-.hljs-attribute {
-  color: #ffcc66;
-}
-
-/* Tomorrow Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #99cc99;
-}
-
-/* Tomorrow Blue */
-.hljs-title,
-.hljs-section {
-  color: #6699cc;
-}
-
-/* Tomorrow Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #cc99cc;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #2d2d2d;
-  color: #cccccc;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/tomorrow-night.css b/assets/css/styles/tomorrow-night.css
deleted file mode 100644
index ddd270a..0000000
--- a/assets/css/styles/tomorrow-night.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/* Tomorrow Night Theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-/* Original theme - https://github.com/chriskempson/tomorrow-theme */
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-
-/* Tomorrow Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #969896;
-}
-
-/* Tomorrow Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #cc6666;
-}
-
-/* Tomorrow Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #de935f;
-}
-
-/* Tomorrow Yellow */
-.hljs-attribute {
-  color: #f0c674;
-}
-
-/* Tomorrow Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #b5bd68;
-}
-
-/* Tomorrow Blue */
-.hljs-title,
-.hljs-section {
-  color: #81a2be;
-}
-
-/* Tomorrow Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #b294bb;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #1d1f21;
-  color: #c5c8c6;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/tomorrow.css b/assets/css/styles/tomorrow.css
deleted file mode 100644
index 026a62f..0000000
--- a/assets/css/styles/tomorrow.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
-
-/* Tomorrow Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #8e908c;
-}
-
-/* Tomorrow Red */
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-regexp,
-.hljs-deletion {
-  color: #c82829;
-}
-
-/* Tomorrow Orange */
-.hljs-number,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-literal,
-.hljs-type,
-.hljs-params,
-.hljs-meta,
-.hljs-link {
-  color: #f5871f;
-}
-
-/* Tomorrow Yellow */
-.hljs-attribute {
-  color: #eab700;
-}
-
-/* Tomorrow Green */
-.hljs-string,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-addition {
-  color: #718c00;
-}
-
-/* Tomorrow Blue */
-.hljs-title,
-.hljs-section {
-  color: #4271ae;
-}
-
-/* Tomorrow Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #8959a8;
-}
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: white;
-  color: #4d4d4c;
-  padding: 0.5em;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/vs.css b/assets/css/styles/vs.css
deleted file mode 100644
index c5d07d3..0000000
--- a/assets/css/styles/vs.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
-
-Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
-
-*/
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: white;
-  color: black;
-}
-
-.hljs-comment,
-.hljs-quote,
-.hljs-variable {
-  color: #008000;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-built_in,
-.hljs-name,
-.hljs-tag {
-  color: #00f;
-}
-
-.hljs-string,
-.hljs-title,
-.hljs-section,
-.hljs-attribute,
-.hljs-literal,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-type,
-.hljs-addition {
-  color: #a31515;
-}
-
-.hljs-deletion,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-meta {
-  color: #2b91af;
-}
-
-.hljs-doctag {
-  color: #808080;
-}
-
-.hljs-attr {
-  color: #f00;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link {
-  color: #00b0e8;
-}
-
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/css/styles/vs2015.css b/assets/css/styles/vs2015.css
deleted file mode 100644
index d1d9be3..0000000
--- a/assets/css/styles/vs2015.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/*
- * Visual Studio 2015 dark style
- * Author: Nicolas LLOBERA <nllobera@gmail.com>
- */
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #1E1E1E;
-  color: #DCDCDC;
-}
-
-.hljs-keyword,
-.hljs-literal,
-.hljs-symbol,
-.hljs-name {
-  color: #569CD6;
-}
-.hljs-link {
-  color: #569CD6;
-  text-decoration: underline;
-}
-
-.hljs-built_in,
-.hljs-type {
-  color: #4EC9B0;
-}
-
-.hljs-number,
-.hljs-class {
-  color: #B8D7A3;
-}
-
-.hljs-string,
-.hljs-meta-string {
-  color: #D69D85;
-}
-
-.hljs-regexp,
-.hljs-template-tag {
-  color: #9A5334;
-}
-
-.hljs-subst,
-.hljs-function,
-.hljs-title,
-.hljs-params,
-.hljs-formula {
-  color: #DCDCDC;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #57A64A;
-  font-style: italic;
-}
-
-.hljs-doctag {
-  color: #608B4E;
-}
-
-.hljs-meta,
-.hljs-meta-keyword,
-.hljs-tag {
-  color: #9B9B9B;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #BD63C5;
-}
-
-.hljs-attr,
-.hljs-attribute,
-.hljs-builtin-name {
-  color: #9CDCFE;
-}
-
-.hljs-section {
-  color: gold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-/*.hljs-code {
-  font-family:'Monospace';
-}*/
-
-.hljs-bullet,
-.hljs-selector-tag,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #D7BA7D;
-}
-
-.hljs-addition {
-  background-color: #144212;
-  display: inline-block;
-  width: 100%;
-}
-
-.hljs-deletion {
-  background-color: #600;
-  display: inline-block;
-  width: 100%;
-}
diff --git a/assets/css/styles/xcode.css b/assets/css/styles/xcode.css
deleted file mode 100644
index b305665..0000000
--- a/assets/css/styles/xcode.css
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
-
-XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #fff;
-  color: black;
-}
-
-/* Gray DOCTYPE selectors like WebKit */
-.xml .hljs-meta {
-  color: #c0c0c0;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #007400;
-}
-
-.hljs-tag,
-.hljs-attribute,
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-literal,
-.hljs-name {
-  color: #aa0d91;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #3F6E74;
-}
-
-.hljs-code,
-.hljs-string,
-.hljs-meta-string {
-  color: #c41a16;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #0E0EFF;
-}
-
-.hljs-title,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-number {
-  color: #1c00cf;
-}
-
-.hljs-section,
-.hljs-meta {
-  color: #643820;
-}
-
-
-.hljs-class .hljs-title,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-params {
-  color: #5c2699;
-}
-
-.hljs-attr {
-  color: #836C28;
-}
-
-.hljs-subst {
-  color: #000;
-}
-
-.hljs-formula {
-  background-color: #eee;
-  font-style: italic;
-}
-
-.hljs-addition {
-  background-color: #baeeba;
-}
-
-.hljs-deletion {
-  background-color: #ffc8bd;
-}
-
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #9b703f;
-}
-
-.hljs-doctag,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
diff --git a/assets/css/styles/xt256.css b/assets/css/styles/xt256.css
deleted file mode 100644
index 3e35ad2..0000000
--- a/assets/css/styles/xt256.css
+++ /dev/null
@@ -1,92 +0,0 @@
-
-/*
-  xt256.css
-
-  Contact: initbar [at] protonmail [dot] ch
-         : github.com/initbar
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  color: #eaeaea;
-  background: #000;
-  padding: 0.5em;
-}
-
-.hljs-subst {
-  color: #eaeaea;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-builtin-name,
-.hljs-type {
-  color: #eaeaea;
-}
-
-.hljs-params {
-  color: #da0000;
-}
-
-.hljs-literal,
-.hljs-number,
-.hljs-name {
-  color: #ff0000;
-  font-weight: bolder;
-}
-
-.hljs-comment {
-  color: #969896;
-}
-
-.hljs-selector-id,
-.hljs-quote {
-  color: #00ffff;
-}
-
-.hljs-template-variable,
-.hljs-variable,
-.hljs-title {
-  color: #00ffff;
-  font-weight: bold;
-}
-
-.hljs-selector-class,
-.hljs-keyword,
-.hljs-symbol {
-  color: #fff000;
-}
-
-.hljs-string,
-.hljs-bullet {
-  color: #00ff00;
-}
-
-.hljs-tag,
-.hljs-section {
-  color: #000fff;
-}
-
-.hljs-selector-tag {
-  color: #000fff;
-  font-weight: bold;
-}
-
-.hljs-attribute,
-.hljs-built_in,
-.hljs-regexp,
-.hljs-link {
-  color: #ff00ff;
-}
-
-.hljs-meta {
-  color: #fff;
-  font-weight: bolder;
-}
diff --git a/assets/css/styles/zenburn.css b/assets/css/styles/zenburn.css
deleted file mode 100644
index 07be502..0000000
--- a/assets/css/styles/zenburn.css
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
-
-Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
-based on dark.css by Ivan Sagalaev
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #3f3f3f;
-  color: #dcdcdc;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-tag {
-  color: #e3ceab;
-}
-
-.hljs-template-tag {
-  color: #dcdcdc;
-}
-
-.hljs-number {
-  color: #8cd0d3;
-}
-
-.hljs-variable,
-.hljs-template-variable,
-.hljs-attribute {
-  color: #efdcbc;
-}
-
-.hljs-literal {
-  color: #efefaf;
-}
-
-.hljs-subst {
-  color: #8f8f8f;
-}
-
-.hljs-title,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-section,
-.hljs-type {
-  color: #efef8f;
-}
-
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link {
-  color: #dca3a3;
-}
-
-.hljs-deletion,
-.hljs-string,
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #cc9393;
-}
-
-.hljs-addition,
-.hljs-comment,
-.hljs-quote,
-.hljs-meta {
-  color: #7f9f7f;
-}
-
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
diff --git a/assets/js/staticman.js b/assets/js/staticman.js
index 1906416..868f891 100644
--- a/assets/js/staticman.js
+++ b/assets/js/staticman.js
@@ -1,7 +1,7 @@
 // Static comments
 // from: https://github.com/eduardoboucas/popcorn/blob/gh-pages/js/main.js
 $(document).ready(function() {
-  $('.post-new-comment').submit(function () {
+  $('.new-comment').submit(function () {
     var form = this;
 
     $(form).addClass('loading');
@@ -37,11 +37,13 @@ $(document).ready(function() {
 
   function showAlert(msg) {
     if (msg == 'success') {
-      $('.post-new-comment .submit-success').removeClass('hidden');  // show submit success message
-      $('.post-new-comment .submit-failed').addClass('hidden'); // hide submit failed message
+      $('.submit-notice').addClass('submit-success')
+      $('.new-comment .submit-success').removeClass('hidden');  // show submit success message
+      $('.new-comment .submit-failed').addClass('hidden'); // hide submit failed message
     } else {
-      $('.post-new-comment .submit-success').addClass('hidden'); // hide submit success message
-      $('.post-new-comment .submit-failed').removeClass('hidden');  // show submit failed message
+      $('.submit-notice').addClass('submit-failed')
+      $('.new-comment .submit-success').addClass('hidden'); // hide submit success message
+      $('.new-comment .submit-failed').removeClass('hidden');  // show submit failed message
     }
     $('input[type="submit"]:enabled').removeClass('hidden'); // show "submit"
     $('input[type="submit"]:disabled').addClass('hidden');  // hide "submitted"
@@ -49,22 +51,23 @@ $(document).ready(function() {
 
   function clearForm() {
     resetReplyTarget();
-    $('.post-new-comment input')
+    $('.new-comment input')
       .filter(function() {
         return this.name.match(/^fields\[.*\]$/);
       })
       .val(''); // empty all text & hidden fields but not options
-    $('.post-new-comment textarea').val(''); // empty text area
-    $('.post-new-comment .submit-success').addClass('hidden'); // hide submission status
-    $('.post-new-comment .submit-failed').addClass('hidden'); // hide submission status
+    $('.new-comment textarea').val(''); // empty text area
+    $('.submit-notice').removeClass('.submit-success').removeClass('.submit-failed');
+    $('.new-comment .submit-success').addClass('hidden'); // hide submission status
+    $('.new-comment .submit-failed').addClass('hidden'); // hide submission status
   }
 
   function resetReplyTarget() {
-    $('.post-new-comment .post-reply-notice .post-reply-name').text('');
-    $('.post-new-comment .post-reply-notice .post-comment-avatar').remove();
-    $('.post-new-comment .post-reply-notice .post-reply-close-btn').remove();
-    $('.post-new-comment .post-reply-notice').addClass('hidden'); // hide reply target display
-    $('.post-new-comment input[type="hidden"]')
+    $('.new-comment .reply-notice .reply-name').text('');
+    $('.new-comment .reply-notice .comment-avatar').remove();
+    $('.new-comment .reply-notice .reply-close-btn').remove();
+    $('.new-comment .reply-notice').addClass('hidden'); // hide reply target display
+    $('.new-comment input[type="hidden"]')
       .filter(function() {
         return this.name.match(/^fields\[reply[a-zA-Z]*\]$/);
       })
@@ -72,34 +75,34 @@ $(document).ready(function() {
   }
 
   // record reply target when "reply to this comment" is pressed
-  $('.post-comment').on('click', '.post-comment-reply-btn', function (evt){
+  $('.comment').on('click', '.comment-reply-btn', function (evt){
     resetReplyTarget();
     var cmt = $(evt.delegateTarget);
-    var replyThread = cmt.find('.post-comment-threadID').text();
-    $('.post-new-comment input[name="fields[replyThread]"]').val(replyThread);
-    $('.post-new-comment input[name="fields[replyID]"]').val(cmt.attr("id"));
-    authorTag = cmt.find('.post-comment-author');
+    var replyThread = cmt.find('.comment-threadID').text();
+    $('.new-comment input[name="fields[replyThread]"]').val(replyThread);
+    $('.new-comment input[name="fields[replyID]"]').val(cmt.attr("id"));
+    authorTag = cmt.find('.comment-author');
     replyName = authorTag.text();
-    $('.post-new-comment input[name="fields[replyName]"]').val(replyName);
+    $('.new-comment input[name="fields[replyName]"]').val(replyName);
 
     // display reply target avatar and name
-    $('.post-new-comment .post-reply-notice').removeClass('hidden');
-    $('.post-new-comment .post-reply-name').text(replyName);
-    avatarTag = cmt.find('.post-comment-avatar');
+    $('.new-comment .reply-notice').removeClass('hidden');
+    $('.new-comment .reply-name').text(replyName);
+    avatarTag = cmt.find('.comment-avatar');
     // use clone to avoid removal of avatar in comments by resetReplyTarget()
-    $('.post-new-comment .post-reply-arrow').after(avatarTag.clone());
+    $('.new-comment .reply-arrow').after(avatarTag.clone());
     // add button for removing reply target (static method would give error msg)
-    closeBtn = $("<a class='post-reply-close-btn button'></a>");
-    $('.post-new-comment .post-reply-notice').append(closeBtn);
+    closeBtn = $("<a class='reply-close-btn button'><i class='fas fa-times'></i></a>");
+    $('.new-comment .reply-notice').append(closeBtn);
   });
 
   // handle removal of reply target when '×' is pressed
-  $('.post-new-comment .post-reply-notice').on('click', '.post-reply-close-btn', function(){
+  $('.new-comment .reply-notice').on('click', '.post-reply-close-btn', function(){
     resetReplyTarget();
   });
 
   // clear form when reset button is clicked
-  $('.post-new-comment input[type="reset"]').click(function (){
+  $('.new-comment input[type="reset"]').click(function (){
     clearForm();
   });
 });
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 638f1a1..20aa932 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -7,25 +7,133 @@
 * gohugo.io | @pacollins
 */
 
-/*!
-* HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/
-* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme
-*
-* What follows is the result of much research on cross-browser styling.
-* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
-* Kroc Camen, and the H5BP dev community and team.
-*/
+/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
+
+/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
+/*
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
 
 /* ==========================================================================
-Variables
-========================================================================== */
+   Variables
+   ========================================================================== */
+
+/* Font */
+
+$header-font: "Raleway", Helvetica, sans-serif;
+$body-font: "Source Sans Pro", Helvetica, sans-serif;
+$code-font: "Courier New", monospace;
+$fa-free-font: "Font Awesome 5 Free";
+$fa-brands-font: "Font Awesome 5 Brands";
+$header-color: 	hsl(0, 1%, 23%);
+$accent-color: 	hsl(175, 60%, 45%);
+$accent-hover: hsla(175, 60%, 45%, 0.25);
+$warning-color: hsl(332, 60%, 45%);
+$warning-hover: hsla(332, 60%, 45%, 0.25);
+$utility-gray: hsl(0, 0%, 67%);
+$utility-gray-2: 	hsl(210, 13%, 50%);
+$utility-white: hsl(0, 0%, 96%);
+
+/* Background & Border */
+
+$white: hsl(0, 0%, 100%);
+$black: hsl(0, 0%, 0%);
+$border-color: hsla(0, 0%, 63%, 0.3);
+$input-color: hsla(0, 0%, 63%, 0.07);
+$active-color: hsla(175, 60%, 45%, 0.05);
+$primary-border: 1px solid $border-color;
+$secondary-border: 1px dotted hsla(0, 0%, 63%, 0.7);
+$cellborder-color: hsl(0, 0%, 88%);
+$headerbg-color: hsl(0, 0%, 93%);
+
+/* Other */
+
+$avatar-size: 3.75em;
+$hover: 0.2s ease-in-out;
+$hover-slow: 0.35s ease-in-out;
+$shadow-1: 0 3px 6px hsla(0, 0%, 0%, 0.16), 0 3px 6px hsla(0, 0% , 0%, 0.23);
+$shadow-2: 0 10px 20px hsla(0, 0%, 0%, 0.19), 0 6px 6px hsla(0, 0%, 0%, 0.23);
+$shadow-3: 0 14px 28px hsla(0, 0%, 0%, 0.25), 0 10px 10px hsla(0, 0%, 0%, 0.22);
+$shadow-4: 0 19px 38px hsla(0, 0%, 0%, 0.30), 0 15px 12px hsla(0, 0%, 0% ,0.22);
+$shadow-scroll: inset 0 0 6px hsla(0, 0%, 0%, 0.3);
+
+/* Maps */
+
+// name, color(hsl), unicode, font[opt], weight[opt]
+$brands: (
+  (twitter, hsl(197, 100%, 47%), "\f099"),
+  (facebook, hsl(221, 44%, 41%), "\f09a"),
+  (linkedin, hsl(201, 100%, 35%), "\f08c"),
+  (pinterest, hsl(357, 70%, 46%), "\f0d2"),
+  (reddit, hsl(20, 100%, 50%), "\f281"),
+  (email, hsl(0, 0%, 27%), "\f0e0", $fa-free-font, 900)
+);
+
+/* Thanks to https://bennettfeely.com/clippy/ for $masks */
+
+// name, clip mask
+$masks: (
+  (triangle, polygon(0 100%, 100% 100%, 50% 0)),
+  (trapezoid, polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)),
+  (parallelogram, polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)),
+  (rhombus, polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)),
+  (pentagon, polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)),
+  (hexagon, polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)),
+  (heptagon, polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%)),
+  (octagon, polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)),
+  (nonagon, polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%)),
+  (decagon, polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%)),
+  (bevel, polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%)),
+  (rabbet, polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)),
+  (left-arrow, polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)),
+  (right-arrow, polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)),
+  (left-point, polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%)),
+  (right-point, polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%)),
+  (left-cheveron, polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%)),
+  (right-cheveron, polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)),
+  (star, polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)),
+  (cross, polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%)),
+  (message, polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%)),
+  (close, polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%)),
+  (circle, circle(50% at 50% 50%)),
+  (vertical-ellipse, ellipse(25% 40% at 50% 50%)),
+  (horizontal-ellipse, ellipse(40% 25% at 50% 50%))
+);
 
-$accent-color: #2ebaae;
-$primary-border: solid 1px rgba(160, 160, 160, 0.3);
+/* ==========================================================================
+   Mixins
+   ========================================================================== */
+
+@mixin prefix($property, $value, $vendors:null ) {
+  $prefixes: ('webkit', 'moz', 'ms', 'o');
+  @if ($vendors) {
+    @each $vendor in $vendors {
+      @if index($prefixes, $vendor){
+        -#{$vendor}-#{$property}: #{$value};
+      }
+    }
+    #{$property}: #{$value};
+  }
+  @else {
+    @each $prefix in $prefixes {
+      -#{$prefix}-#{$property}: #{$value};
+    }
+    #{$property}: #{$value};
+  }
+}
+
+@mixin display-flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
 
 /* ==========================================================================
-Breakpoints
-========================================================================== */
+   Breakpoints
+   ========================================================================== */
 
 @mixin for-mobile-m-up {
   @media (min-width: 320px) {
@@ -76,11 +184,11 @@ Breakpoints
 }
 
 /* ==========================================================================
-Base styles: opinionated defaults
-========================================================================== */
+   Base styles: opinionated defaults
+   ========================================================================== */
 
 html {
-  color: #222;
+  color: $header-color;
   font-size: 1em;
   line-height: 1.4;
 }
@@ -113,7 +221,7 @@ hr {
   display: block;
   height: 1px;
   border: 0;
-  border-top: 1px solid #ccc;
+  border-top: 1px solid hsl(0, 0%, 80%); // 2 Color
   margin: 1em 0;
   padding: 0;
 }
@@ -130,7 +238,6 @@ iframe,
 img,
 svg,
 video {
-  max-width: 100%;
   vertical-align: middle;
 }
 
@@ -153,22 +260,22 @@ textarea {
 }
 
 /* ==========================================================================
-Browser Upgrade Prompt
-========================================================================== */
+   Browser Upgrade Prompt
+   ========================================================================== */
 
 .browserupgrade {
   margin: 0.2em 0;
-  background: #ccc;
-  color: #000;
+  background: $utility-gray;
+  color: $black;
   padding: 0.2em 0;
 }
 
 /* ==========================================================================
-Author's custom styles
-========================================================================== */
+   Theme Basic Tag Styles
+   ========================================================================== */
 
 body {
-  background: #f4f4f4;
+  background: $utility-white;
   margin-top: 3.5em;
   max-width: 100vw;
   -ms-overflow-style: scrollbar;
@@ -177,10 +284,8 @@ body {
 /* Box Model */
 
 *,
-*:before,
-*:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
@@ -190,27 +295,16 @@ body,
 input,
 select,
 textarea {
-  color: #333333;
-  font-family: "Source Sans Pro", Helvetica, sans-serif;
+  color: hsl(0, 0%, 20%);
+  font-family: $body-font;
   line-height: 1.75em;
 }
 
 a {
-  border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
+  border-bottom: $secondary-border;
   color: inherit;
   text-decoration: none;
-  -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -o-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  &:before {
-    -webkit-transition: color ease;
-    -moz-transition: color ease;
-    -ms-transition: color ease;
-    -o-transition: color ease;
-    transition: color ease;
-  }
+  transition: border-bottom-color $hover, color $hover;
   &:hover {
     border-bottom-color: transparent;
     color: $accent-color;
@@ -223,8 +317,8 @@ h3,
 h4,
 h5,
 h6 {
-  color: #3c3b3b;
-  font-family: "Raleway", Helvetica, sans-serif;
+  color: $header-color;
+  font-family: $header-font;
   letter-spacing: 0.25em;
   line-height: 1.65;
   text-transform: uppercase;
@@ -234,18 +328,15 @@ h6 {
 }
 
 blockquote {
-  border-left: solid 4px rgba(160, 160, 160, 0.3);
+  border-left: 4px solid $border-color;
   font-style: italic;
   margin: 0 2em;
   padding: 0.5em 0 0.5em 2em;
-  p {
-    margin-bottom: 0;
-  }
 }
 
 code {
-  border: solid 1px rgba(160, 160, 160, 0.3);
-  font-family: "Courier New", monospace;
+  border: $primary-border;
+  font-family: $code-font;
   font-size: 0.9em;
   margin: 0 0.25em;
   padding: 0.25em 0.65em;
@@ -254,19 +345,20 @@ code {
     height: 0.25em;
   }
   &::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: $shadow-scroll;
   }
   &::-webkit-scrollbar-thumb {
-    background-color: darkgrey;
-    outline: 1px solid slategrey;
+    background-color: $utility-gray;
+    outline: 1px solid $utility-gray-2;
   }
 }
 
 pre {
   display: table;
-  font-family: "Courier New", monospace;
+  font-family: $code-font;
   font-size: 0.9em;
   table-layout: fixed;
+  line-height: 1.25;
   width: 100%;
   code {
     display: block;
@@ -277,11 +369,16 @@ pre {
 
 hr {
   border: 0;
-  border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+  border-bottom: $primary-border;
   margin: 2em 0;
 }
 
-/* Button */
+cite {
+  margin: 1em 0;
+  sup {
+    left: .5em
+  }
+}
 
 input[type="submit"],
 input[type="reset"],
@@ -289,10 +386,10 @@ input[type="button"],
 .button {
   background-color: transparent;
   border: $primary-border;
-  color: #3c3b3b;
+  color: $header-color;
   cursor: pointer;
   display: inline-block;
-  font-family: "Raleway", Helvetica, sans-serif;
+  font-family: $header-font;
   font-size: 0.6em;
   font-weight: 800;
   height: 4.8125em;
@@ -300,26 +397,21 @@ input[type="button"],
   line-height: 4.8125em;
   margin: auto;
   padding: 0 2em;
-  -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
-  -webkit-transition: background-color 0.2s ease, border 0.2s ease,color 0.2s ease;
-  -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
-  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
+  transition: background-color $hover, border $hover, color $hover;
   text-align: center;
   text-transform: uppercase;
   width: fit-content;
   &:hover {
-    border: solid 1px $accent-color;
+    border: 1px solid $accent-color;
     color: $accent-color !important;
     &:active {
-      background-color: rgba(46, 186, 174, 0.05);
+      background-color: $active-color;
     }
   }
 }
 
-/* Form */
-
 label {
-  color: #3c3b3b;
+  color: $header-color;
   display: block;
   font-size: 0.9em;
   font-weight: 700;
@@ -328,23 +420,19 @@ label {
 input,
 select,
 textarea {
-  background: rgba(160, 160, 160, 0.075);
+  background: $input-color;
   border: $primary-border;
   outline: 0;
   margin: 0.25em 0;
   padding: 0 1em;
   width: 100%;
-  -webkit-transition: border-color 0.3s ease-in-out;
-  -moz-transition: border-color 0.3s ease-in-out;
-  -ms-transition: border-color 0.3s ease-in-out;
-  -o-transition: border-color 0.3s ease-in-out;
-  transition: border-color 0.3s ease-in-out;
+  transition: border-color $hover;
   &:hover {
     border-color: $accent-color;
   }
   &:focus,
   &:active {
-    border: solid 1px $accent-color;
+    border: 1px solid $accent-color;
   }
 }
 
@@ -362,19 +450,13 @@ textarea {
 ::-moz-placeholder,
 :-ms-input-placeholder,
 .formerize-placeholder {
-  color: #aaaaaa;
+  color: $utility-gray;
   opacity: 1;
 }
 
-/* Table */
-
 table {
-  background-color: #fff;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  background-color: $white;
+  box-shadow: $shadow-1;
   margin: 1em auto;
   width: 75%;
   @include for-laptop-up {
@@ -383,25 +465,21 @@ table {
   > thead {
     display: none;
     @include for-laptop-up {
-      background-color: #ececec;
+      background-color: $headerbg-color;
       display: table-header-group;
     }
   }
   > tbody {
     > tr {
-      border-bottom: 1px solid #e0e0e0;
+      border-bottom: 1px solid $utility-white;
       text-align: center;
-      -webkit-transition: 0.5s ease;
-      -moz-transition: 0.5s ease;
-      -ms-transition: 0.5s ease;
-      -o-transition: 0.5s ease;
-      transition: 0.5s ease;
+      transition: $hover;
       @include for-laptop-up {
         &:nth-child(even) {
-          background-color: #f4f4f4;
+          background-color: $utility-white;
         }
         &:hover {
-          background-color: rgba(46, 187, 170, 0.5);
+          background-color: $accent-hover;
         }
       }
       > td {
@@ -409,8 +487,8 @@ table {
         @include for-laptop-up {
           display: table-cell;
         }
-        &[data-header]:before {
-          color: #757575;
+        &[data-header]::before {
+          color: $utility-gray-2;
           content: attr(data-header);
           float: left;
           font-size: inherit;
@@ -421,33 +499,29 @@ table {
           }
         }
         &:first-child {
-          background-color: #ececec;
+          background-color: $headerbg-color;
           font-weight: bold;
           text-align: left;
           @include for-laptop-up {
             background-color: unset;
             text-align: center;
           }
-          &:after {
+          &::after {
             content: "\f078";
             float: right;
-            font-family: "Font Awesome 5 Free";
+            font-family: $fa-free-font;
             font-weight: 900;
             text-decoration: inherit;
-            transition: all 0.3s;
+            transition: all $hover;
             @include for-laptop-up {
               display: none;
             }
           }
         }
         &:not(:first-child) {
-          border-bottom: 1px solid #e0e0e0;
+          border-bottom: 1px solid $utility-white;
           opacity: 0;
           position: absolute;
-          -moz-transition: none;
-          -ms-transition: none;
-          -o-transition: none;
-          -webkit-transition: none;
           text-align: right;
           transition: none;
           z-index: -1;
@@ -473,18 +547,14 @@ table {
       }
       &.active > td {
         &:first-child {
-          &:after {
+          &::after {
             transform: rotateX(180deg);
           }
         }
         &:not(:first-child) {
           opacity: 1;
           position: relative;
-          -webkit-transition: all 0.3s ease;
-          -moz-transition: all 0.3s ease;
-          -ms-transition: all 0.3s ease;
-          -o-transition: all 0.3s ease;
-          transition: all 0.3s ease;
+          transition: all $hover;
           z-index: auto;
         }
         &:last-child {
@@ -510,23 +580,9 @@ table {
   }
 }
 
-/* ----------------------------------Add-Ons--------------------------------- */
-
-/* Format reCaptcha */
-
-.g-recaptcha {
-  margin: -0.25em 0 0.25em 0;
-}
-
-/* Fancybox */
-
-.fancybox {
-  background: #fff;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+figure {
+  background:	$white;
+  box-shadow: $shadow-1;
   margin: 10px auto;
   max-width: 85%;
   padding: 0.5em 0.5em 0 0.5em;
@@ -537,686 +593,523 @@ table {
   img {
     max-width: 100%;
   }
-  .caption {
-    color: #777;
-    font-size: 0.8em;
-    font-style: italic;
-    text-align: center;
-  }
 }
 
-/* Staticman Comments */
+figcaption {
+  color: $utility-gray;
+  font-size: 0.8em;
+  font-style: italic;
+  text-align: center;
+}
 
-$avatar-size: 3.25em;
-$avatar-rsep: 1em;
-$comment-vsep: 2.5em;
-$comment-content-vsep: 1.5em;
+/* ==========================================================================
+   Classes
+   ========================================================================== */
 
-.post-comment {
-  position: relative;
-  margin: $comment-vsep 0;
-  font-size: 0.8em;
-  &.post-comment-reply {
-    margin-left: 2em;
-    .post-comment-author::after {
-      font-family: "Font Awesome 5 Free";
-      content: "\f064";
-      margin: 0 0.3em;
-      display: inline-block;
-      vertical-align: middle;
-      font-weight: 900;
+.post {
+  background:	$white;
+  margin: 1.5em auto;
+  padding: 1em;
+  max-width: 55em;
+  > header {
+    border-bottom: $primary-border;
+    margin: -1em -1em 0 -1em;
+    text-align: center;
+    @include prefix(word-break, break-word, ms);
+    @include for-laptop-up {
+      @include display-flex;
+      justify-content: space-between;
+      text-align: left;
     }
-  }
-  .post-comment-avatar {
-    float: left;
-    width: $avatar-size;
-    height: $avatar-size;
-    margin: 0 $avatar-rsep 0 0;
-  }
-  .post-comment-author-container {
-    margin-bottom: -0.5em;
-    .post-comment-author {
-      display: inline-block;
-      margin: 0 0 0;
-      font-size: 1.25em;
-      line-height: 0;
-      a {
-        color: inherit;
-        text-decoration: none;
+    div {
+      padding-bottom: 1em;
+      @include for-laptop-up {
+        padding: 1.5em;
       }
     }
-  }
-  .post-comment-timestamp {
-    font-size: 0.8em;
-    a {
-      color: inherit;
-      text-decoration: none;
+    p {
+      margin: -1em 0 0 0;
     }
   }
-  .post-comment-content {
-    margin: $comment-content-vsep 0 0 $avatar-size + $avatar-rsep;
-    > figure, > ol, > p, > table, > ul {
-      margin-bottom: 1.5em;
-    }
+  > div > p,
+  > p {
+    text-align: justify;
   }
-  .post-comment-reply-btn-container {
-    margin: $comment-content-vsep 0 $comment-content-vsep $avatar-size +
-      $avatar-rsep;
-    .post-comment-reply-btn {
-      font-size: 0.6rem;
-      &::before {
-        font-family: "Font Awesome 5 Free";
-        content: "\f3e5";
-        margin: 0 0.6em 0 0;
-        display: inline-block;
-        vertical-align: middle;
-        font-weight: 900;
-      }
+  footer {
+    @include display-flex;
+    flex-direction: column;
+    .button {
+      margin: 1em auto;
+      width: 100%;
     }
   }
 }
 
-/* Comment form */
-
-.post-new-comment {
-  &.loading {
-    opacity: 0.5;
-  }
-  .post-reply-notice {
-    .post-comment-avatar {
-      width: 2em;
-      height: 2em;
-      margin: 0 0.6em;
-    }
-    .post-reply-close-btn {
-      margin: 0 0.5em;
-      padding: unset;
-      border: none;
-      vertical-align: middle;
-      &:hover {
-        border: none;
-      }
-      &:after {
-        content: "\2716";
-      }
+.image {
+  border: 0;
+  display: grid;
+  place-items: center;
+  margin: 0 -1em 1em -1em;
+  overflow: hidden;
+  padding-bottom: 33%;
+  @include prefix(transform, perspective(1000px), (webkit, ms));
+  img {
+    position: absolute;
+    max-height: 100%;
+    transition: transform $hover-slow;
+    &.stretchV {
+      height: 100%;
     }
-    .post-reply-arrow::after {
-      font-family: "Font Awesome 5 Free";
-      content: "\f064";
-      display: inline-block;
-      vertical-align: middle;
-      font-weight: 900;
+    &.stretchH {
+      width: 100%;
     }
-    .post-reply-name {
-      vertical-align: middle;
+    &.cover {
+      object-fit: cover;
+      width: 100%;
     }
   }
-  .g-recaptcha {
-    margin: 0 0 0.25em;
+  &[style]::before {
+    content: "";
+    position: absolute;
+    background-image: var(--bg-image);
+    background-size: 100% 100%;
+    height: 100%;
+    width: 100%;
+    @include prefix(filter, blur(8px), webkit);
+    @include prefix(transform, scale(1.1), (webkit, ms));
   }
-  .button {
-    margin: 0.25em 0;
+  &:hover {
+    img {
+      @include prefix(transform, scale(1.05), (webkit, ms));
+    }
   }
 }
 
-/* Image Masks thanks to https://bennettfeely.com/clippy/ */
-
-.triangle {
-  -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -moz-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -ms-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -o-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  clip-path: polygon(0 100%, 100% 100%, 50% 0);
-}
-
-.trapezoid {
-  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -moz-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -ms-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -o-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-}
-
-.parallelogram {
-  -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -moz-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -ms-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -o-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-}
-
-.rhombus {
-  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -moz-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -ms-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -o-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-}
-
-.pentagon {
-  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -moz-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -ms-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -o-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-}
-
-.hexagon {
-  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -moz-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -ms-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -o-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-}
-
-.heptagon {
-  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -moz-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -ms-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -o-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-}
-
-.octagon {
-  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -moz-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -ms-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -o-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-}
-
-.nonagon {
-  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -moz-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -ms-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -o-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-}
-
-.decagon {
-  -webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -moz-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -ms-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -o-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-}
-
-.bevel {
-  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -moz-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -ms-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -o-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-}
-
-.rabbet {
-  -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -moz-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -ms-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -o-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-}
-
-.left-arrow {
-  -webkit-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -moz-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -ms-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -o-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-}
-
-.right-arrow {
-  -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -moz-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -ms-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -o-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
+.title {
+  font-size: 1.1em;
+  width: 100%;
+  @include for-laptop-up {
+    width: 75%;
+  }
 }
 
-.left-point {
-  -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -moz-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -ms-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -o-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
+.meta {
+  @include display-flex;
+  font-family: $header-font;
+  font-size: 0.6em;
+  letter-spacing: 0.25em;
+  text-transform: uppercase;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  @include for-laptop-up {
+    border-left: $primary-border;
+    text-align: right;
+    width: 25%;
+  }
+  time {
+    font-size: 1.2em;
+    font-weight: 800;
+  }
 }
 
-.right-point {
-  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -moz-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -ms-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -o-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
+.stats {
+  @include display-flex;
+  flex-direction: column;
+  @include for-mobile-l-up {
+    flex-direction: row;
+    justify-content: space-around;
+  }
+  ul {
+    @include display-flex;
+    flex-wrap: wrap;
+    margin: 1em 0 0 0;
+    padding: 0;
+    font-family: $fa-free-font;
+    font-weight: 900;
+    list-style: none;
+    @include for-mobile-l-up {
+      max-width: 50%;
+      justify-content: center;
+    }
+    &::before {
+      width: 40px;
+      padding-right: 1em;
+      margin-right: 1em;
+      border-right: $primary-border;
+      @include for-mobile-l-up {
+        padding-right: 0;
+        margin-right: 0;
+        border-right: 0;
+        border-bottom: $primary-border;
+        flex: 100%;
+        height: fit-content;
+        text-align: center;
+      }
+    }
+    li { // Fix Wrap Small
+      font-family: $header-font;
+      font-size: 0.6em;
+      font-weight: 400;
+      letter-spacing: 0.25em;
+      text-transform: uppercase;
+      &:not(:first-child) {
+        margin-left: 1em;
+      }
+      a {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
 }
 
-.left-cheveron {
-  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -moz-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -ms-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -o-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-}
+/*.stats {
+  ul {
+    &:hover,
+    &:focus,
+    &:active {
+      li {
+        visibility: visible;
+        opacity: 1;
+        line-height: 1;
+        margin: 1em;
+        width: auto;
+      }
+    }
+    li {
+      visibility: visible;
+      line-height: 0;
+      margin: 0;
+      width: 0;
+      opacity: 0;
+      transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
+      text-transform: uppercase;
+      &:nth-child(-n + 3) {
+        visibility: visible;
+        opacity: 1;
+        width: auto;
+        line-height: 1;
+        margin: 1em;
+      }
+      a {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}*/
 
-.right-cheveron {
-  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -moz-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -ms-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -o-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
+.categories::before {
+  content: "\f07b";
 }
 
-.star {
-  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -moz-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -ms-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -o-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
+.tags::before {
+  content: "\f02c";
 }
 
-.cross {
-  -webkit-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -moz-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -ms-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -o-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-}
+/* Pagination */
 
-.message {
-  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -ms-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -o-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
+.pagination {
+  @include display-flex;
+  justify-content: space-around;
+  align-items: center;
+  margin: 1.5em auto;
+  padding: 1em;
+  max-width: 55em;
+  .button {
+    margin: 1em;
+    width: 50%;
+  }
 }
 
-.close {
-  -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -moz-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -ms-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -o-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
+.left,
+.right {
+  span {
+    display: none;
+    @include for-tablet-up {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  &::before {
+    font-family: $fa-free-font;
+    font-weight: 900;
+    text-decoration: inherit;
+  }
 }
 
-.circle {
-  -webkit-clip-path: circle(50% at 50% 50%);
-  -moz-clip-path: circle(50% at 50% 50%);
-  -ms-clip-path: circle(50% at 50% 50%);
-  -o-clip-path: circle(50% at 50% 50%);
-  clip-path: circle(50% at 50% 50%);
+.left::before {
+  content: "\f053";
+  float: left;
+  padding-right: 0.5em;
 }
 
-.vertical-ellipse {
-  -webkit-clip-path: ellipse(25% 40% at 50% 50%);
-  -moz-clip-path: ellipse(25% 40% at 50% 50%);
-  -ms-clip-path: ellipse(25% 40% at 50% 50%);
-  -o-clip-path: ellipse(25% 40% at 50% 50%);
-  clip-path: ellipse(25% 40% at 50% 50%);
+.right::before {
+  content: "\f054";
+  float: right;
+  padding-left: 0.5em;
 }
 
-.horizontal-ellipse {
-  -webkit-clip-path: ellipse(40% 25%at 50% 50%);
-  -moz-clip-path: ellipse(40% 25% at 50% 50%);
-  -ms-clip-path: ellipse(40% 25% at 50% 50%);
-  -o-clip-path: ellipse(40% 25% at 50% 50%);
-  clip-path: ellipse(40% 25% at 50% 50%);
+.nav {
+  border: 0;
+  border-left: $primary-border;
+  font-family: $header-font;
+  font-size: 0.7em;
+  font-weight: 400;
+  letter-spacing: 0.25em;
+  margin: 0;
+  padding: 0 1.5em;
+  text-transform: uppercase;
 }
 
-/* Share Button */
-
-.share-btn {
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
-  color: #ffffff;
-  display: inline-block;
-  text-align: center;
-  &:hover {
-    color: #ffffff !important;
+.flyout-menu {
+  background-color: $white;
+  border-left: $primary-border;
+  height: 100%;
+  margin-top: 3.5em;
+  overflow-y: auto;
+  padding: 0;
+  position: fixed;
+  top: 0;
+  transition: $hover-slow;
+  z-index: 20;
+  &.active {
+    box-shadow: $shadow-2;
+    right: 0 !important;
+    a {
+      border-left: 0;
+    }
   }
-  &:active {
-    position: relative;
-    top: 2px;
-    box-shadow: none;
-    color: #e2e2e2;
-    outline: none;
+  h1 {
+    font-size: 1em;
   }
 }
 
-/* Share Branding */
-
-.share-btn {
-  &.twitter {
-    background: #55acee;
-    &:hover {
-      background: #4c9ad6;
-    }
+.link {
+  border-bottom: $secondary-border;
+  display: block;
+  flex-basis: 100%;
+  order: 2;
+  &:hover {
+    border-bottom: $secondary-border;
   }
-
-  &.facebook {
-    background: #3b5998;
-    &:hover {
-      background: #2f4779;
+  @include for-desktop-up {
+    border-bottom: none;
+    display: inline;
+    order: 0;
+    &:first-of-type {
+      border: 0;
     }
   }
+}
 
-  &.linkedin {
-    background: #4875b4;
-    &:hover {
-      background: #4069a2;
+.nav-title {
+  align-items: center;
+  @include display-flex;
+  flex-grow: 1;
+  margin: 0;
+  a {
+    border: 0;
+    font-size: 0.35em;
+    font-weight: 800;
+    margin-left: 1.5em;
+    opacity: 1;
+    padding: 0;
+    img {
+      height: 4.8em;
+      width: 12.6em;
     }
   }
-
-  &.pinterest {
-    background: #bd081c;
-    &:hover {
-      background: #ad0000;
+  @include for-desktop-up {
+    flex-grow: 0;
+    &::after {
+      background: $border-color;
+      content: "";
+      display: block;
+      height: 56px;
+      margin-left: 1.5em;
+      width: 1px;
     }
-  }
-
-  &.reddit {
-    background: #ff5700;
-    &:hover {
-      background: #e54e00;
+    a {
+      min-width: 12.5em;
+      img {
+        margin-top: -0.2em;
+      }
     }
   }
+}
 
-  &.email {
-    background: #444444;
-    &:hover {
-      background: #363636;
+.share-toggle,
+.search-toggle {
+  display: none;
+  @include for-tablet-up {
+    display: block;
+    text-align: center;
+    width: 61px;
+    i {
+     vertical-align: middle;
     }
   }
 }
 
-/* ==========================================================================
-Theme Grid
-========================================================================== */
-
-#site-intro {
-  grid-area: intro;
-}
-
-#site-sidebar {
-  grid-area: sidebar;
-}
-
-#site-main {
-  grid-area: main;
-}
-
-#site-footer {
-  grid-area: footer;
-}
-
-#wrapper {
-  display: grid;
-  grid-template-areas:
-    "intro"
-    "main"
-    "sidebar"
-    "footer";
-  grid-template-rows: auto 1fr auto auto;
-  margin: 0 auto;
-  max-width: 90em;
-  min-height: 100vh;
-  -moz-transition: opacity 0.5s ease-in-out;
-  -ms-transition: opacity 0.5s ease-in-out;
-  -o-transition: opacity 0.5s ease-in-out;
-  -webkit-transition: opacity 0.5s ease-in-out;
-  transition: opacity 0.5s ease-in-out;
+.nav-toggle {
+  text-align: center;
+  width: 61px;
   @include for-desktop-up {
-    grid-template-areas:
-      "intro main"
-      "sidebar main"
-      "footer main"
-      "blank main";
-    grid-template-columns: 22em 1fr;
-    grid-template-rows: auto auto auto 1fr;
-    padding: 0 2.5em;
+    display: none;
   }
-  &.overlay {
-    opacity: 0.25;
+  i {
+    vertical-align: middle;
   }
 }
 
-/* ---------------------------------Classes--------------------------------- */
+.search-input {
+  background-color: $white;
+  box-shadow: $shadow-3;
+  height: 0px;
+  opacity: 0;
+  transition: $hover-slow;
+  width: 300px;
+  z-index: -1;
+  &.active {
+    opacity: 1;
+    height: 50px;
+    z-index: 0;
+  }
+}
 
-.post {
-  background: #ffffff;
-  margin: 1.5em auto;
-  padding: 1em;
-  max-width: 55em;
-  > header {
-    border-bottom: $primary-border;
-    margin-top: 1em;
-    text-align: center;
-    word-break: break-word;
+.search-results {
+  @include display-flex;
+  opacity: 0;
+  line-height: 1.75em;
+  transition: $hover-slow;
+  z-index: -1;
+  &.active {
+    opacity: 1;
+    z-index: 0;
+  }
+  flex-direction: column;
+  align-items: center;
+  max-height: calc(100vh - 9.4em);
+  overflow-y: auto;
+  margin-top: 1em;
+  padding-bottom: 1em;
+  width: 100%;
+  .mini-post {
+    box-shadow: $shadow-2;
+    width: 90%;
+    @include for-tablet-up {
+      width: 75%;
+    }
     @include for-laptop-up {
-      display: flex;
-      justify-content: space-between;
-      text-align: left;
+      width: 50%
     }
-    div {
-      padding: 0 0 1em 0;
-      @include for-laptop-up {
-        padding: 2em 1em;
+    a {
+      border-bottom: 0;
+      &:hover {
+        color:inherit;
+        box-shadow: $shadow-3;
+        transition: box-shadow $hover;
       }
     }
-    p {
-      margin: -1em 0 0 0;
-    }
-    .title {
-      font-size: 1.1em;
-      width: 100%;
+    header {
       @include for-laptop-up {
-        width: 75%;
+        @include display-flex;
+        align-items: center;
+        border-bottom: $primary-border;
+        h2 {
+          flex-grow: 1;
+          font-size: 1em;
+        }
       }
     }
-    .meta {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-      @include for-laptop-up {
-        border-left: $primary-border;
-        text-align: right;
-        width: 25%;
-      }
-      .published {
-        font-family: "Raleway", Helvetica, sans-serif;
-        font-size: 0.7em;
-        font-weight: 800;
-        letter-spacing: 0.25em;
-        text-transform: uppercase;
-      }
-      p,
-      .author,
-      .format {
-        font-family: "Raleway", Helvetica, sans-serif;
-        font-size: 0.6em;
-        letter-spacing: 0.25em;
-        text-transform: uppercase;
-      }
+    main {
+      padding: 0 1.25em .1em;
     }
   }
-  > div,
-  > p {
-    @include for-desktop-up {
-      margin: 0 1em;
-    }
-    @include for-big-desktop-up {
-      margin: 0 4em;
-    }
+}
+
+.mini-post {
+  background: $white;
+  border: $primary-border;
+  @include display-flex;
+  flex-direction: column;
+  margin-bottom: 1em;
+  width: 100%;
+  @include for-laptop-up {
+    width: 49%;
   }
-  > div > p,
-  > p {
-    text-align: justify;
+  @include for-desktop-up {
+    width: 100%;
   }
-  a {
-    &.image {
+  header {
+    min-height: 4em;
+    padding: 0.5em 1.25em;
+    position: relative;
+    @include for-laptop-up {
+      border-top: $primary-border;
+    }
+    @include for-desktop-up {
       border: 0;
-      display: block;
-      margin: 1em -1em;
-      overflow: hidden;
-      &:hover {
-        img {
-          -webkit-transform: scale(1.05);
-          -moz-transform: scale(1.05);
-          -ms-transform: scale(1.05);
-          -o-transform: scale(1.05);
-          transform: scale(1.05);
-        }
-      }
-      img {
-        -webkit-transition: -webkit-transform 0.2s ease-out;
-        -moz-transition: -moz-transform 0.2s ease-out;
-        -ms-transition: -ms-transform 0.2s ease-out;
-        -o-transition: -ms-transform 0.2s ease-out;
-        transition: transform 0.2s ease-out;
-        width: 100%;
-      }
     }
-  }
-  > footer {
-    display: flex;
-    flex-direction: column;
-    .button {
-      margin: 1em auto;
-      width: 100%;
+    h2 {
+      font-size: 0.7em;
     }
-    .stats {
-      display: flex;
-      cursor: default;
-      justify-content: space-around;
-      list-style: none;
-      margin: 0.5em 0;
-      padding: 0;
-      li {
-        display: flex;
-        align-items: center;
-        font-family: "Font Awesome 5 Free";
-        font-weight: 900;
-        max-width: 50%;
-        &:hover,
-        &:active {
-          ul {
-            li {
-              visibility: visible;
-              opacity: 1;
-              line-height: 1;
-              margin: 1em;
-              width: auto;
-            }
-          }
-        }
-        &.categories {
-          &:before {
-            content: "\f07b";
-            width: 20px;
-          }
-        }
-        &.tags {
-          &:before {
-            content: "\f02c";
-            width: 20px;
-          }
-        }
-        ul {
-          display: flex;
-          flex-wrap: wrap;
-          border-left: $primary-border;
-          margin: 0 0 0 1em;
-          padding: 0 0 0 1em;
-          li {
-            visibility: visible;
-            font-family: "Raleway", Helvetica, sans-serif;
-            font-size: 0.6em;
-            font-weight: 400;
-            letter-spacing: 0.25em;
-            line-height: 0;
-            margin: 0;
-            width: 0;
-            opacity: 0;
-            -webkit-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -moz-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -ms-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -o-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            text-transform: uppercase;
-            &:nth-child(-n + 3) {
-              visibility: visible;
-              opacity: 1;
-              width: auto;
-              line-height: 1;
-              margin: 1em;
-            }
-            a {
-              overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap;
-            }
-          }
-        }
-      }
+    time {
+      font-family: $header-font;
+      font-size: 0.6em;
+      letter-spacing: 0.25em;
+      text-transform: uppercase;
     }
   }
+  .image {
+    margin: 0;
+  }
 }
 
-/* Pagination */
+.count {
+  float: right;
+}
 
-.pagination {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  margin: 1.5em auto;
-  padding: 1em;
-  max-width: 55em;
-  .button {
-    margin: 1em;
-    width: 50%;
-    @include for-tablet-up {
-    }
-    .previous,
-    .next {
-      div {
-        display: none;
-        @include for-tablet-up {
-          display: block;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-      }
-      &::before {
-        font-family: "Font Awesome 5 Free";
-        font-weight: 900;
-        text-decoration: inherit;
-      }
-    }
-    .previous::before {
-      content: "\f053";
-      float: left;
-      padding-right: 0.5em;
-    }
-    .next::before {
-      content: "\f054";
-      float: right;
-      padding-right: 0.5em;
+.copyright {
+  color: $utility-gray;
+  font-family: $header-font;
+  font-size: 0.5em;
+  font-weight: 400;
+  letter-spacing: 0.25em;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.socnet-icons {
+  @include display-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding-left: 0;
+  li {
+    margin: 0 0.5em;
+    min-width: 20px;
+    list-style-type: none;
+    a {
+      opacity: 0.6;
+      border: none;
     }
   }
 }
 
-/* -----------------------------------IDs----------------------------------- */
-
-/* Site Header */
+/* ==========================================================================
+   IDs and Grid
+   ========================================================================== */
 
 #site-header {
-  background-color: #ffffff;
+  background-color: $white;
   border-bottom: $primary-border;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
+  box-shadow: $shadow-2;
   height: 3.5em;
   line-height: 3.5em;
   position: fixed;
@@ -1224,53 +1117,11 @@ Theme Grid
   top: 0;
   width: 100%;
   z-index: 10000;
-  .nav {
-    border: 0;
-    border-left: 1px solid rgba(160, 160, 160, 0.3);
-    font-family: "Raleway", Helvetica, sans-serif;
-    font-size: 0.7em;
-    font-weight: 400;
-    letter-spacing: 0.25em;
-    margin: 0;
-    padding: 0 1.5em;
-    text-transform: uppercase;
-  }
-}
-
-.flyout-menu {
-  background-color: #fff;
-  border-left: 1px solid rgba(160, 160, 160, 0.3);
-  height: 100%;
-  margin-top: 3.5em;
-  overflow-y: auto;
-  padding: 0;
-  position: fixed;
-  top: 0;
-  -webkit-transition: 0.5s ease-in-out;
-  -moz-transition: 0.5s ease-in-out;
-  -ms-transition: 0.5s ease-in-out;
-  -o-transition: 0.5s ease-in-out;
-  transition: 0.5s ease-in-out;
-  z-index: 20;
-  &.active {
-    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    right: 0 !important;
-    a {
-      border-left: 0;
-    }
-  }
-  h1 {
-    font-size: 1em;
-  }
 }
 
 #site-nav {
   align-items: center;
-  display: flex;
+  @include display-flex;
   justify-content: space-between;
   .flyout-menu {
     right: -177px;
@@ -1283,30 +1134,22 @@ Theme Grid
       margin: 0;
       overflow: auto;
       position: static;
-      -webkit-transition: none;
-      -moz-transition: none;
-      -ms-transition: none;
-      -o-transition: none;
       transition: none;
       white-space: nowrap;
       &::-webkit-scrollbar {
         height: 0.25em;
       }
       &::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+        -webkit-box-shadow: $shadow-scroll;
       }
       &::-webkit-scrollbar-thumb {
-        background-color: darkgrey;
-        outline: 1px solid slategrey;
+        background-color: $utility-gray;
+        outline: 1px solid $utility-gray-2;
       }
     }
     &.active {
       flex-wrap: wrap;
       @include for-desktop-up {
-        -webkit-box-shadow: none;
-        -moz-box-shadow: none;
-        -ms-box-shadow: none;
-        -o-box-shadow: none;
         box-shadow: none;
       }
     }
@@ -1315,20 +1158,6 @@ Theme Grid
       flex-basis: 100%;
       order: 1;
     }
-    .link {
-      border-bottom: dotted 1px rgba(160, 160, 160, 0.3);
-      display: block;
-      flex-basis: 100%;
-      order: 2;
-      @include for-desktop-up {
-        border-bottom: none;
-        display: inline;
-        order: 0;
-        &:first-of-type {
-          border: 0;
-        }
-      }
-    }
     .share-toggle, .search-toggle {
       display: block;
       flex-basis: 100%;
@@ -1338,148 +1167,13 @@ Theme Grid
       }
     }
   }
-  .nav-title {
-    align-items: center;
-    display: flex;
-    flex-grow: 1;
-    margin: 0;
-    a {
-      border: 0;
-      font-size: 0.35em;
-      font-weight: 800;
-      margin-left: 1.5em;
-      opacity: 1;
-      padding: 0;
-      img {
-        height: 4.8em;
-        width: 12.6em;
-      }
-    }
-    @include for-desktop-up {
-      flex-grow: 0;
-      &:after {
-        background: rgba(160, 160, 160, 0.3);
-        content: "";
-        display: block;
-        height: 56px;
-        margin-left: 1.5em;
-        width: 1px;
-      }
-      a {
-        min-width: 12.5em;
-        img {
-          margin-top: -0.2em;
-        }
-      }
-    }
-  }
-  > .share-toggle,
-  > .search-toggle {
-    display: none;
-    @include for-tablet-up {
-      display: block;
-      text-align: center;
-      width: 61px;
-      i {
-        vertical-align: middle;
-      }
-    }
-  }
-  .nav-toggle {
-    text-align: center;
-    width: 61px;
-    @include for-desktop-up {
-      display: none;
-    }
-    i {
-      vertical-align: middle;
-    }
-  }
 }
 
-  #search {
-  display: flex;
+#search {
+  @include display-flex;
   align-items: center;
   flex-direction: column;
   padding: 0;
-  .search-input {
-    background-color: #fff;
-    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-    -ms-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-    height: 0px;
-    opacity: 0;
-    -webkit-transition: 0.5s ease-in-out;
-    -moz-transition: 0.5s ease-in-out;
-    -ms-transition: 0.5s ease-in-out;
-    -o-transition: 0.5s ease-in-out;
-    transition: 0.5s ease-in-out;
-    width: 300px;
-    &.active {
-      opacity: 1;
-      height: 50px;
-    }
-  }
-  .search-results {
-    display: flex;
-    opacity: 0;
-    line-height: 1.75em;
-    -webkit-transition: 0.5s ease-in-out;
-    -moz-transition: 0.5s ease-in-out;
-    -ms-transition: 0.5s ease-in-out;
-    -o-transition: 0.5s ease-in-out;
-    transition: 0.5s ease-in-out;
-    &.active {
-      opacity: 1;
-    }
-    flex-direction: column;
-    align-items: center;
-    max-height: calc(100vh - 9.4em);
-    overflow-y: auto;
-    margin-top: 1em;
-    width: 100%;
-    .mini-post {
-      -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-      -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-      -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-      width: 90%;
-      @include for-tablet-up {
-        width: 75%;
-      }
-      @include for-laptop-up {
-        width: 50%
-      }
-      a {
-        border-bottom: 0;
-      }
-      a:hover {
-        color:inherit;
-        -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-        -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-        -ms-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-        -moz-transition: -moz-box-shadow 0.2s ease-out;
-        -webkit-transition: -webkit-box-shadow 0.2s ease-out;
-        -ms-transition: -ms-box-shadow 0.2s ease-out;
-        transition: box-shadow 0.2s ease-out;
-      }
-      header {
-        border-bottom: solid 1px rgba(160,160,160,.3);
-        @include for-laptop-up {
-          display: flex;
-          align-items: baseline;
-          h2 {
-            flex-grow: 1;
-          }
-        }
-      }
-      main {
-        padding: 0 1.25em .1em;
-      }
-    }
-  }
 }
 
 #lang-menu {
@@ -1490,7 +1184,7 @@ Theme Grid
       border-left: 0;
     }
     .link {
-      border-bottom: dotted 1px rgba(160, 160, 160, 0.3);
+      border-bottom: $secondary-border;
       display: block;
     }
     .no-lang {
@@ -1506,7 +1200,7 @@ Theme Grid
 }
 
 #share-menu {
-  display: flex;
+  @include display-flex;
   flex-direction: column;
   justify-content: flex-start;
   text-align: center;
@@ -1536,11 +1230,10 @@ Theme Grid
   }
 }
 
-/* Intro */
-
 #site-intro {
+  grid-area: intro;
   align-items: center;
-  display: flex;
+  @include display-flex;
   flex-direction: column;
   margin-top: 0.5em;
   padding: 1em;
@@ -1566,17 +1259,10 @@ Theme Grid
       text-transform: uppercase;
     }
   }
-  &.hidden-single-column {
-    display: none;
-    @include for-desktop-up {
-      display: flex;
-    }
-  }
 }
 
-/* Sidebar */
-
 #site-sidebar {
+  grid-area: sidebar;
   header h1 {
     font-size: 1em;
   }
@@ -1590,92 +1276,31 @@ Theme Grid
       margin-top: 0;
     }
   }
+    ul {
+      font-family: $header-font;
+      font-size: 0.9em;
+      letter-spacing: 0.25em;
+      line-height: 1.65;
+      text-transform: uppercase;
+      list-style: none;
+      padding: 0;
+    }
   footer {
     margin: auto;
     width: max-content;
   }
 }
 
+#categories {
+}
+
 #recent-posts {
-  display: flex;
+  @include display-flex;
   flex-wrap: wrap;
   justify-content: space-between;
   > header {
-    flex: 1 1 100%;
-  }
-}
-
-.mini-post {
-  background: #ffffff;
-  border: $primary-border;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1em;
-  width: 100%;
-  @include for-laptop-up {
-    width: 49%;
-  }
-  @include for-desktop-up {
-    width: 100%;
-  }
-  header {
-    min-height: 4em;
-    padding: 1.25em 1.25em 0.1em 1.25em;
-    position: relative;
-    @include for-laptop-up {
-      border-top: $primary-border;
-    }
-    @include for-desktop-up {
-      border: 0;
-    }
-    h2 {
-      font-size: 0.7em;
-    }
-    .published {
-      display: block;
-      font-family: "Raleway", Helvetica, sans-serif;
-      font-size: 0.6em;
-      font-weight: 400;
-      letter-spacing: 0.25em;
-      margin: -0.625em 0 1.7em 0;
-      text-transform: uppercase;
-    }
-    .author,
-    .format {
-      position: absolute;
-      right: 2em;
-      top: 2em;
-    }
-  }
-  section {
-    flex-grow: 1;
-    overflow: hidden;
-    .image {
-      &:hover {
-        img {
-          -moz-transform: scale(1.05);
-          -webkit-transform: scale(1.05);
-          -ms-transform: scale(1.05);
-          transform: scale(1.05);
-        }
-      }
-      img {
-        display: block;
-        height: 100%;
-        margin: 0;
-        -moz-transition: -moz-transform 0.2s ease-out;
-        -webkit-transition: -webkit-transform 0.2s ease-out;
-        -ms-transition: -ms-transform 0.2s ease-out;
-        transition: transform 0.2s ease-out;
-        width: 100%;
-      }
-    }
-  }
-}
-
-#categories {
-  .count {
-    float: right;
+    -webkit-box-flex: 1;
+    @include prefix(flex, 1 1 100%, (ms, webkit));
   }
 }
 
@@ -1687,51 +1312,36 @@ Theme Grid
   }
 }
 
+#site-main {
+  grid-area: main;
+}
+
 #site-footer {
+  grid-area: footer;
   border-top: $primary-border;
-  margin: 3em 2em 0 2em;
+  margin: 3em 2em;
   padding-top: 3em;
-  .copyright {
-    color: #aaaaaa;
-    font-family: "Raleway", Helvetica, sans-serif;
-    font-size: 0.5em;
-    font-weight: 400;
-    letter-spacing: 0.25em;
-    text-align: center;
-    text-transform: uppercase;
-  }
 }
 
 #back-to-top {
   bottom: 15px;
-  color: #aaaaaa;
+  color: $utility-gray;
   display: none;
   position: fixed;
   right: 15px;
   border: 0;
-}
-
-.socnet-icons {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding-left: 0;
-  li {
-    margin: 0 0.5em;
-    min-width: 20px;
-    list-style-type: none;
-    a {
-      opacity: 0.6;
-      border: none;
-    }
+  transition: color $hover, transform $hover;
+  &:hover {
+    color: $accent-color !important;
+    transform: translateY(-10px);
   }
 }
 
 #socnet-share {
-  display: flex;
+  @include display-flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  margin: 1em 1em 0 1em;
+  margin: 1em 1em 0 0;
   @include for-laptop-up {
     justify-content: flex-start;
   }
@@ -1751,99 +1361,362 @@ Theme Grid
   }
 }
 
+#wrapper {
+  display: -ms-grid;
+  display: grid;
+  grid-template-areas:
+    "intro"
+    "main"
+    "sidebar"
+    "footer";
+  grid-template-rows: auto 1fr auto auto;
+  margin: 0 auto;
+  max-width: 90em;
+  min-height: 100vh;
+  transition: opacity $hover-slow;
+  @include for-desktop-up {
+    grid-template-areas:
+      "intro main"
+      "sidebar main"
+      "footer main"
+      "blank main";
+    grid-template-columns: 22em 1fr;
+    grid-template-rows: auto auto auto 1fr;
+    padding: 0 2.5em;
+  }
+  &.overlay {
+    opacity: 0.25;
+  }
+}
+
 /* ==========================================================================
-Helper classes
-========================================================================== */
+   Add-Ons
+   ========================================================================== */
 
-/*
-* Hide visually and from screen readers
+/* reCaptcha */
+
+.g-recaptcha {
+  @include prefix(transform, scale(0.955), (webkit, ms));
+  @include prefix(transform-origin, 0 0, (webkit, ms));
+  margin: -0.25em 0 0.25em 0;
+  width: 0;
+}
+
+/* Staticman Comments - Form */
+
+.new-comment {
+  &.loading {
+    opacity: 0.5;
+  }
+  .reply-notice {
+    .comment-avatar {
+      width: 2em;
+      height: 2em;
+      margin: 0 0.6em;
+    }
+    .reply-close-btn {
+      padding: unset;
+      border: none;
+      vertical-align: top;
+      font-size: 1em;
+      line-height: 0;
+      height: 0;
+      &:hover {
+        border: none;
+      }
+    }
+    .reply-name {
+      vertical-align: middle;
+      &::before {
+        font-family: $fa-free-font;
+        font-weight: 900;
+        content: "\f3e5";
+        margin-right: .5em;
+        width: 20px;
+      }
+    }
+  }
+}
+
+.submit-success {
+  border: 1px solid $accent-color;
+  background: $accent-hover;
+}
+.submit-failed {
+  border: 1px solid $warning-color;
+  background: $warning-hover;
+}
+
+/* Staticman Comments - Content */
+
+.comment {
+  header {
+    @include display-flex;
+    background: $headerbg-color;
+    align-items: center;
+    border-radius: 50px 0 0 50px;
+    @include for-mobile-l-up {
+      border-radius: 0;
+    }
+  }
+  &.comment-reply {
+    margin-left: $avatar-size/2;
+    @include for-mobile-l-up {
+      margin-left: $avatar-size;
+    }
+  }
+  div {
+    @include display-flex;
+    flex-direction: column;
+    flex-grow: 1;
+    align-items: center;
+    @include for-mobile-l-up {
+      flex-direction: row;
+    }
+    .comment-author-container {
+      @include display-flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      @include for-mobile-l-up {
+        align-items: flex-start;
+        flex-grow: 1;
+      }
+      @include for-laptop-up {
+        flex-direction: row;
+        align-items: center;
+      }
+    }
+  }
+}
+
+.comment-avatar {
+  margin: 0 0 0 1em;
+  width: $avatar-size;
+  height: $avatar-size;
+  flex-grow: 0;
+  @include for-mobile-l-up {
+    margin: 0 .5em 0 0;
+    &.circle {
+      @include prefix(clip-path, none, webkit);
+    }
+  }
+}
+
+.comment-author {
+  font-size: 0.9em;
+  margin: 0;
+  @include for-laptop-up {
+    margin-right: .5em;
+    padding-right: .5em;
+    border-right: $primary-border;
+  }
+}
+
+.comment-reply-btn {
+  border: 0;
+  &::before {
+    font-family: $fa-free-font;
+    font-weight: 900;
+    content: "\f3e5";
+    margin-right: .5em;
+    width: 20px;
+  }
+  @include for-mobile-l-up {
+    margin-right: 1.5em;
+  }
+}
+
+.comment-content {
+  margin: 1em;
+}
+
+/* TODO: Assess Value
+  .reply-target {
+    font-size: 0.9em;
+    border: 0;
+    &::before {
+      font-family: $fa-free-font;
+      font-weight: 900;
+      content: "\f3e5";
+      margin-right: .5em;
+      width: 20px;
+    }
+  }
 */
 
-.hidden {
-  display: none !important;
+/* Image Masks */
+
+@each $name, $clip in $masks {
+  .#{$name} {
+    @include prefix(clip-path, $clip, webkit);
+  }
 }
 
+/* Share Button */
+
+.share-btn {
+  font-size: 1.5em;
+  border-radius: 4px;
+  box-shadow: $shadow-1;
+  letter-spacing: 0;
+  color: $white;
+  text-align: center;
+  transition: background-color $hover;
+  &:active {
+    position: relative;
+    top: 2px;
+    box-shadow: none;
+    color: darken($white, 10%);
+  }
+  &:hover {
+    color: $white;
+  }
+}
+
+/* Share Branding */
+
+@each $name, $color, $icon, $font-family, $font-weight in $brands {
+  .#{$name} {
+    background-color: $color;
+    @if $font-weight {
+      font-weight: $font-weight;
+    }
+    &:hover {
+      background-color: darken($color, 10%);
+    }
+    &::before {
+    @if $font-family {
+      font-family: $font-family;
+    } @else {
+      font-family: $fa-brands-font;
+    }
+    content: $icon;
+    }
+  }
+}
+
+/* Hide Single Column */
+
+.hidden-single-column {
+  display: none;
+  @include for-laptop-up {
+    @include display-flex;
+  }
+}
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
 /*
-* Hide only visually, but have it available for screen readers:
-* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-*
-* 1. For long content, line feeds are not interpreted as spaces and small width
-*    causes content to wrap 1 word per line:
-*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-*/
+ * Hide visually and from screen readers
+ */
+
+.hidden,
+[hidden] {
+  display: none !important;
+}
 
-.visuallyhidden {
+/*
+ * Hide only visually, but have it available for screen readers:
+ * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ *
+ * 1. For long content, line feeds are not interpreted as spaces and small width
+ *    causes content to wrap 1 word per line:
+ *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
+ */
+
+.sr-only {
   border: 0;
-  clip: rect(0 0 0 0);
+  clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
+  white-space: nowrap;
   width: 1px;
-  white-space: nowrap; /* 1 */
+  /* 1 */
 }
 
 /*
-* Extends the .visuallyhidden class to allow the element
-* to be focusable when navigated to via the keyboard:
-* https://www.drupal.org/node/897638
-*/
+ * Extends the .sr-only class to allow the element
+ * to be focusable when navigated to via the keyboard:
+ * https://www.drupal.org/node/897638
+ */
 
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus {
+.sr-only.focusable:active,
+.sr-only.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
-  width: auto;
   white-space: inherit;
+  width: auto;
 }
 
 /*
-* Hide visually and from screen readers, but maintain layout
-*/
+ * Hide visually and from screen readers, but maintain layout
+ */
 
 .invisible {
   visibility: hidden;
 }
 
 /*
-* Clearfix: contain floats
-*
-* For modern browsers
-* 1. The space content is one way to avoid an Opera bug when the
-*    `contenteditable` attribute is included anywhere else in the document.
-*    Otherwise it causes space to appear at the top and bottom of elements
-*    that receive the `clearfix` class.
-* 2. The use of `table` rather than `block` is only necessary if using
-*    `:before` to contain the top-margins of child elements.
-*/
-
-.clearfix:before,
-.clearfix:after {
-  content: " "; /* 1 */
-  display: table; /* 2 */
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    `contenteditable` attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+
+.clearfix::before,
+.clearfix::after {
+  content: " ";
+  display: table;
 }
 
-.clearfix:after {
+.clearfix::after {
   clear: both;
 }
 
 /* ==========================================================================
-Print styles.
-Inlined to avoid the additional HTTP request:
-https://www.phpied.com/delay-loading-your-print-css/
-========================================================================== */
+   EXAMPLE Media Queries for Responsive Design.
+   These examples override the primary ('mobile first') styles.
+   Modify as content requires.
+   ========================================================================== */
+
+@media only screen and (min-width: 35em) {
+  /* Style adjustments for viewports that meet the condition */
+}
+
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 1.25dppx),
+  (min-resolution: 120dpi) {
+  /* Style adjustments for high resolution devices */
+}
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid the additional HTTP request:
+   https://www.phpied.com/delay-loading-your-print-css/
+   ========================================================================== */
 
 @media print {
   *,
-  *:before,
-  *:after {
-    background: transparent !important;
-    color: #000 !important; /* Black prints faster */
-    -webkit-box-shadow: none !important;
+  *::before,
+  *::after {
+    background: $white !important;
+    color: $black !important;
+    /* Black prints faster */
     box-shadow: none !important;
     text-shadow: none !important;
   }
@@ -1853,38 +1726,37 @@ https://www.phpied.com/delay-loading-your-print-css/
     text-decoration: underline;
   }
 
-  a[href]:after {
+  a[href]::after {
     content: " (" attr(href) ")";
   }
 
-  abbr[title]:after {
+  abbr[title]::after {
     content: " (" attr(title) ")";
   }
 
   /*
-* Don't show links that are fragment identifiers,
-* or use the `javascript:` pseudo protocol
-*/
-
-  a[href^="#"]:after,
-  a[href^="javascript:"]:after {
+   * Don't show links that are fragment identifiers,
+   * or use the `javascript:` pseudo protocol
+   */
+  a[href^="#"]::after,
+  a[href^="javascript:"]::after {
     content: "";
   }
 
   pre {
     white-space: pre-wrap !important;
   }
+
   pre,
   blockquote {
-    border: 1px solid #999;
+    border: $primary-border;
     page-break-inside: avoid;
   }
 
   /*
-* Printing Tables:
-* http://css-discuss.incutio.com/wiki/Printing_Tables
-*/
-
+   * Printing Tables:
+   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
+   */
   thead {
     display: table-header-group;
   }
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 9edcb78..37cb3db 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -8,7 +8,10 @@ paginate                = 3
 disqusShortname         = ""
 googleAnalytics         = ""
 pluralizeListTitles     = false
-disableLanguages        = [""]
+disableLanguages        = []
+
+[markup.goldmark.renderer]
+  unsafe= true
 
 [outputs]
   home                  = ["html", "json"]
@@ -18,10 +21,11 @@ disableLanguages        = [""]
   cssFiles              = ["default"]
   jsFiles               = ["default"]
   highlightjs           = true
-  highlightjsTheme      = "github"
-  highlightjsLang       = ["html", "css", "js", "toml"]
+  highlightjsTheme      = ""
+  highlightjsLang       = []
   viewMorePostsLink     = "/blog/"
   readingTime           = true
+  imageStretch          = ""
   socialShare           = ["twitter", "facebook", "reddit", "linkedin", "pinterest", "email"]
 
   [params.meta]
diff --git a/exampleSite/content/about/index.fr.md b/exampleSite/content/about/index.fr.md
index 9d101d8..f8d412b 100644
--- a/exampleSite/content/about/index.fr.md
+++ b/exampleSite/content/about/index.fr.md
@@ -1,10 +1,9 @@
 +++
 title = "À propos de"
-layout = "about"
 description = "Hugo, le framework le plus rapide au monde pour la création de sites Web"
-date = "2019-02-28"
-aliases = ["about-us","about-hugo","contact"]
 author = "Hugo Auteurs"
+date = "2019-02-28"
+layout = "about"
 +++
 
 Écrit dans Go, Hugo est un générateur de site statique open source disponible sous la [Apache License 2.0.] (Https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo prend en charge les types de fichiers de données TOML, YAML et JSON , Markdown et fichiers de contenu HTML et utilise des shortcodes pour ajouter du contenu riche. Les autres fonctionnalités notables sont les taxonomies, le mode multilingue, le traitement d'image, les formats de sortie personnalisés, la minification HTML / CSS / JS et la prise en charge des flux de travail Sass SCSS.
diff --git a/exampleSite/content/about/index.md b/exampleSite/content/about/index.md
index 42dff5f..a9c0e28 100644
--- a/exampleSite/content/about/index.md
+++ b/exampleSite/content/about/index.md
@@ -1,10 +1,9 @@
 +++
 title = "About"
-layout = "about"
 description = "Hugo, the world’s fastest framework for building websites"
-date = "2019-02-28"
-aliases = ["about-us","about-hugo"]
 author = "Hugo Authors"
+date = "2019-02-28"
+layout = "about"
 +++
 
 Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
diff --git a/exampleSite/content/about/index.pl.md b/exampleSite/content/about/index.pl.md
index c0131fc..4da24be 100644
--- a/exampleSite/content/about/index.pl.md
+++ b/exampleSite/content/about/index.pl.md
@@ -1,10 +1,9 @@
 +++
 title = "O nas"
-layout = "about"
 description = "Hugo, najszybszy na świecie program do tworzenia stron internetowych"
-date = "2019-02-28"
-aliases = ["about-us","about-hugo","contact"]
 author = "Autorzy Hugo"
+date = "2019-02-28"
+layout = "about"
 +++
 
 Napisany w Go, Hugo jest generatorem statycznych witryn o otwartym kodzie źródłowym, dostępnym na licencji [Apache License 2.0.] (Https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo obsługuje typy plików danych TOML, YAML i JSON , Markdown i pliki zawartości HTML oraz używa skrótów w celu dodania bogatej zawartości. Inne godne uwagi funkcje to taksonomie, tryb wielojęzyczny, przetwarzanie obrazu, niestandardowe formaty wyjściowe, minimalizacja HTML / CSS / JS oraz obsługa przepływów pracy Sass SCSS.
diff --git a/exampleSite/content/about/index.pt.md b/exampleSite/content/about/index.pt.md
index 6fc1678..44587da 100644
--- a/exampleSite/content/about/index.pt.md
+++ b/exampleSite/content/about/index.pt.md
@@ -1,10 +1,9 @@
 +++
 title = "Sobre"
-layout = "about"
 description = "Hugo, a estrutura mais rápida do mundo para a criação de sites"
-date = "2019-02-28"
-aliases = ["about-us","about-hugo","contact"]
 author = "Hugo Autores"
+date = "2019-02-28"
+layout = "about"
 +++
 
 Escrito em Go, Hugo é um gerador de site estático de código aberto disponível sob a [Apache License 2.0.] (Https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo suporta tipos de arquivos de dados TOML, YAML e JSON , Markdown e arquivos de conteúdo HTML e usa códigos de acesso para adicionar conteúdo rico. Outros recursos notáveis são taxonomias, modo multilíngue, processamento de imagem, formatos de saída personalizados, minificação HTML / CSS / JS e suporte para fluxos de trabalho Sass SCSS.
diff --git a/exampleSite/content/blog/_index.md b/exampleSite/content/blog/_index.md
deleted file mode 100644
index 7c6bd54..0000000
--- a/exampleSite/content/blog/_index.md
+++ /dev/null
@@ -1,6 +0,0 @@
-+++
-aliases = ["posts","articles","blog","showcase","docs"]
-title = "Posts"
-author = "Hugo Authors"
-tags = ["index"]
-+++
diff --git a/exampleSite/content/blog/emoji-support.fr.md b/exampleSite/content/blog/emoji-support.fr.md
index dc0c85c..0f40b70 100644
--- a/exampleSite/content/blog/emoji-support.fr.md
+++ b/exampleSite/content/blog/emoji-support.fr.md
@@ -1,12 +1,13 @@
 +++
-author = "Hugo Auteurs"
 title = "Emoji Support"
-date = "2019-03-05"
 description = "Guide d'utilisation des emoji dans Hugo"
-tags = [
-    "emoji",
-]
-images  = ["img/2014/04/pic01.jpg"]
+author = "Hugo Auteurs"
+date = "2019-03-05"
+tags = ["emoji"]
+[[images]]
+  src = "img/2019/03/pic02.jpg"
+  alt = "Desert Scene"
+  stretch = "stretchH"
 +++
 
 Emoji peut être activé dans un projet Hugo de plusieurs manières.
diff --git a/exampleSite/content/blog/emoji-support.md b/exampleSite/content/blog/emoji-support.md
index 4fabd4f..48ca759 100644
--- a/exampleSite/content/blog/emoji-support.md
+++ b/exampleSite/content/blog/emoji-support.md
@@ -1,12 +1,13 @@
 +++
-author = "Hugo Authors"
 title = "Emoji Support"
-date = "2019-03-05"
 description = "Guide to emoji usage in Hugo"
-tags = [
-    "emoji",
-]
-images  = ["img/2014/04/pic01.jpg"]
+author = "Hugo Authors"
+date = "2019-03-05"
+tags = ["emoji"]
+[[images]]
+  src = "img/2019/03/pic02.jpg"
+  alt = "Desert Scene"
+  stretch = "stretchH"
 +++
 
 Emoji can be enabled in a Hugo project in a number of ways.
diff --git a/exampleSite/content/blog/markdown-syntax.fr.md b/exampleSite/content/blog/markdown-syntax.fr.md
index 473f3e5..c5701a0 100644
--- a/exampleSite/content/blog/markdown-syntax.fr.md
+++ b/exampleSite/content/blog/markdown-syntax.fr.md
@@ -1,20 +1,21 @@
 +++
-author = "Hugo Auteurs"
 title = "Guide de syntaxe de Markdown"
-date = "2019-03-11"
 description = "Exemple d'article présentant la syntaxe et le formatage de base de Markdown pour les éléments HTML."
-tags = [
-    "markdown",
-    "css",
-    "html",
-    "themes",
-]
-categories = [
-    "themes",
-    "syntax",
-]
-aliases = ["migrate-from-jekyl"]
-images  = ["img/2014/04/pic02.jpg"]
+author = "Hugo Auteurs"
+date = "2019-03-11"
+tags = ["markdown", "css", "html", "themes"]
+categories = ["themes", "syntax"]
+[[images]]
+  src = "img/2019/03/pic01.jpg"
+  alt = "Mountain Range Through Clouds"
+  stretch = "horizontal"
+[[images]]
+  src = "img/2019/03/pic02.jpg"
+  alt = "Desert Scene"
+[[images]]
+  src = "img/2019/03/pic03.jpg"
+  alt = "Valley"
+  stretch = "horizontal"
 +++
 
 Cet article propose un exemple de syntaxe de base de Markdown pouvant être utilisée dans les fichiers de contenu Hugo. Il indique également si les éléments HTML de base sont décorés avec CSS dans un thème Hugo.
@@ -74,21 +75,20 @@ Les tables ne font pas partie de la spécification Markdown principale, mais Hug
 #### Bloc de code avec backticks
 
 ```
-html
-<! DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>Exemple de document HTML5 </title>
 </head>
 <body>
-  <p> Test </p>
+  <p>Test</p>
 </body>
 </html>
 ```
 #### Bloc de code indenté de quatre espaces
 
-    <! DOCTYPE html>
+    <!DOCTYPE html>
     <html lang="en">
     <head>
       <meta charset="UTF-8">
diff --git a/exampleSite/content/blog/markdown-syntax.md b/exampleSite/content/blog/markdown-syntax.md
index 5cdb4c7..c2697ef 100644
--- a/exampleSite/content/blog/markdown-syntax.md
+++ b/exampleSite/content/blog/markdown-syntax.md
@@ -1,20 +1,21 @@
 +++
-author = "Hugo Authors"
 title = "Markdown Syntax Guide"
-date = "2019-03-11"
 description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
-tags = [
-    "markdown",
-    "css",
-    "html",
-    "themes",
-]
-categories = [
-    "themes",
-    "syntax",
-]
-aliases = ["migrate-from-jekyl"]
-images  = ["img/2014/04/pic02.jpg"]
+author = "Hugo Authors"
+date = "2019-03-11"
+tags = ["markdown", "css", "html", "themes"]
+categories = ["themes", "syntax"]
+[[images]]
+  src = "img/2019/03/pic01.jpg"
+  alt = "Mountain Range Through Clouds"
+  stretch = "horizontal"
+[[images]]
+  src = "img/2019/03/pic02.jpg"
+  alt = "Desert Scene"
+[[images]]
+  src = "img/2019/03/pic03.jpg"
+  alt = "Valley"
+  stretch = "horizontal"
 +++
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
@@ -51,7 +52,6 @@ The blockquote element represents content that is quoted from another source, op
 > Don't communicate by sharing memory, share memory by communicating.</p>
 > — <cite>Rob Pike[^1]</cite>
 
-
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
 ## Tables
@@ -74,7 +74,6 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 #### Code block with backticks
 
 ```
-html
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -130,8 +129,8 @@ html
 #### Nested list
 
 * Item
-1. First Sub-item
-2. Second Sub-item
+    1. First Sub-item
+    2. Second Sub-item
 
 ## Other Elements — abbr, sub, sup, kbd, mark
 
diff --git a/exampleSite/content/blog/placeholder-text.md b/exampleSite/content/blog/placeholder-text.md
index 851ec0d..372121b 100644
--- a/exampleSite/content/blog/placeholder-text.md
+++ b/exampleSite/content/blog/placeholder-text.md
@@ -1,13 +1,13 @@
 +++
-author = "Hugo Authors"
 title = "Placeholder Text"
-date = "2019-03-09"
 description = "Lorem Ipsum Dolor Si Amet"
-tags = [
-    "markdown",
-    "text",
-]
-images  = ["img/2014/09/pic03.jpg"]
+author = "Hugo Authors"
+date = "2019-03-09"
+tags = ["markdown", "text"]
+[[images]]
+  src = "img/2019/03/pic03.jpg"
+  alt = "Valley"
+  stretch = "horizontal"
 +++
 
 Lorem est tota propiore conpellat pectoribus de
diff --git a/exampleSite/content/blog/rich-content.fr.md b/exampleSite/content/blog/rich-content.fr.md
index 46112df..2b91a76 100644
--- a/exampleSite/content/blog/rich-content.fr.md
+++ b/exampleSite/content/blog/rich-content.fr.md
@@ -1,13 +1,13 @@
 +++
-author = "Hugo Auteurs"
 title = "Contenu riche"
-date = "2019-03-10"
 description = "Une brève description de Hugo Shortcodes"
-tags = [
-    "shortcodes",
-    "privacy",
-]
-images = ["img/2017/08/pic04.jpg", "img/2014/04/pic01.jpg"]
+author = "Hugo Auteurs"
+date = "2019-03-10"
+tags = ["shortcodes", "privacy"]
+[[images]]
+  src = "img/main/logo.jpg"
+  alt = "Fox"
+  stretch = "Vertical"
 +++
 
 Hugo est livré avec plusieurs [Shortcodes intégrés] (https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour un contenu riche, ainsi qu'une [Privacy Config] ( https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de codes courts simples qui permettent des versions statiques et sans JS de diverses intégrations de médias sociaux.
diff --git a/exampleSite/content/blog/rich-content.md b/exampleSite/content/blog/rich-content.md
index 85f9f96..1de5ead 100644
--- a/exampleSite/content/blog/rich-content.md
+++ b/exampleSite/content/blog/rich-content.md
@@ -1,13 +1,13 @@
 +++
-author = "Hugo Authors"
 title = "Rich Content"
-date = "2019-03-10"
 description = "A brief description of Hugo Shortcodes"
-tags = [
-    "shortcodes",
-    "privacy",
-]
-images = ["img/2017/08/pic04.jpg", "img/2014/04/pic01.jpg"]
+author = "Hugo Authors"
+date = "2019-03-10"
+tags = ["shortcodes", "privacy"]
+[[images]]
+  src = "img/main/logo.jpg"
+  alt = "Fox"
+  stretch = "Vertical"
 +++
 
 Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
diff --git a/exampleSite/content/contact/index.de.md b/exampleSite/content/contact/index.de.md
new file mode 100644
index 0000000..70451e7
--- /dev/null
+++ b/exampleSite/content/contact/index.de.md
@@ -0,0 +1,7 @@
++++
+title = "Kontakt"
+layout = "contact"
+netlify = false
+emailservice = "formspree.io/example@email.com"
+contactanswertime = 24
++++
diff --git a/exampleSite/content/contact/index.es.md b/exampleSite/content/contact/index.es.md
new file mode 100644
index 0000000..290ffb1
--- /dev/null
+++ b/exampleSite/content/contact/index.es.md
@@ -0,0 +1,7 @@
++++
+title = "Contacto"
+layout = "contact"
+netlify = false
+emailservice = "formspree.io/example@email.com"
+contactanswertime = 24
++++
diff --git a/exampleSite/content/contact/index.fr.md b/exampleSite/content/contact/index.fr.md
deleted file mode 100644
index fd71571..0000000
--- a/exampleSite/content/contact/index.fr.md
+++ /dev/null
@@ -1,12 +0,0 @@
-+++
-title = "Contacter"
-layout = "contact"
-netlify = false
-emailservice = "formspree.io/example@email.com"
-contactname = "Votre nom"
-contactemail = "Votre email"
-contactsubject = "Matière"
-contactmessage = "Votre message"
-contactlang = "fr"
-contactanswertime = 24
-+++
diff --git a/exampleSite/content/contact/index.md b/exampleSite/content/contact/index.md
index 7b5d90f..1ec0373 100644
--- a/exampleSite/content/contact/index.md
+++ b/exampleSite/content/contact/index.md
@@ -3,10 +3,5 @@ title = "Contact"
 layout = "contact"
 netlify = false
 emailservice = "formspree.io/example@email.com"
-contactname = "Your name"
-contactemail = "Your Email"
-contactsubject = "Subject"
-contactmessage = "Your Message"
-contactlang = "en"
 contactanswertime = 24
 +++
diff --git a/exampleSite/content/contact/index.zh-cn.md b/exampleSite/content/contact/index.zh-cn.md
new file mode 100644
index 0000000..d15edee
--- /dev/null
+++ b/exampleSite/content/contact/index.zh-cn.md
@@ -0,0 +1,7 @@
++++
+title = "联络"
+layout = "contact"
+netlify = false
+emailservice = "formspree.io/example@email.com"
+contactanswertime = 24
++++
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.content
deleted file mode 100644
index 369e950..0000000
--- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.content
+++ /dev/null
@@ -1,15 +0,0 @@
-/*!
-* Future Imperfect by HTML5 UP
-* html5up.net | @n33co
-* Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*
-* Slimmed/Cleaned/Modernized for use with Hugo-Future-Imperfect Hugo Theme
-* gohugo.io | @pacollins
-*//*!
-* HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/
-* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme
-*
-* What follows is the result of much research on cross-browser styling.
-* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
-* Kroc Camen, and the H5BP dev community and team.
-*/html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#2ebaae;text-shadow:none}::selection{background:#2ebaae;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{max-width:100%;vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}body{background:#f4f4f4;margin-top:3.5em;max-width:100vw;-ms-overflow-style:scrollbar}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body,input,select,textarea{color:#333333;font-family:"Source Sans Pro", Helvetica, sans-serif;line-height:1.75em}a{border-bottom:dotted 1px rgba(160,160,160,0.65);color:inherit;text-decoration:none;-webkit-transition:color 0.2s ease, border-bottom-color 0.2s ease;-moz-transition:color 0.2s ease, border-bottom-color 0.2s ease;-ms-transition:color 0.2s ease, border-bottom-color 0.2s ease;-o-transition:color 0.2s ease, border-bottom-color 0.2s ease;transition:color 0.2s ease, border-bottom-color 0.2s ease}a:before{-webkit-transition:color ease;-moz-transition:color ease;-ms-transition:color ease;-o-transition:color ease;transition:color ease}a:hover{border-bottom-color:transparent;color:#2ebaae}h1,h2,h3,h4,h5,h6{color:#3c3b3b;font-family:"Raleway", Helvetica, sans-serif;letter-spacing:0.25em;line-height:1.65;text-transform:uppercase}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{border-bottom:0}blockquote{border-left:solid 4px rgba(160,160,160,0.3);font-style:italic;margin:0 2em;padding:0.5em 0 0.5em 2em}blockquote p{margin-bottom:0}code{border:solid 1px rgba(160,160,160,0.3);font-family:"Courier New", monospace;font-size:0.9em;margin:0 0.25em;padding:0.25em 0.65em;overflow-x:auto}code::-webkit-scrollbar{height:0.25em}code::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}code::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey}pre{display:table;font-family:"Courier New", monospace;font-size:0.9em;table-layout:fixed;width:100%}pre code{display:block;padding:1em 1.5em;overflow-x:auto}hr{border:0;border-bottom:solid 1px rgba(160,160,160,0.3);margin:2em 0}input[type="submit"],input[type="reset"],input[type="button"],.button{background-color:transparent;border:solid 1px rgba(160,160,160,0.3);color:#3c3b3b;cursor:pointer;display:inline-block;font-family:"Raleway", Helvetica, sans-serif;font-size:0.6em;font-weight:800;height:4.8125em;letter-spacing:0.25em;line-height:4.8125em;margin:auto;padding:0 2em;-moz-transition:background-color 0.2s ease, border 0.2s ease, color 0.2s ease;-webkit-transition:background-color 0.2s ease, border 0.2s ease,color 0.2s ease;-ms-transition:background-color 0.2s ease, border 0.2s ease, color 0.2s ease;transition:background-color 0.2s ease, border 0.2s ease, color 0.2s ease;text-align:center;text-transform:uppercase;width:fit-content}input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover{border:solid 1px #2ebaae;color:#2ebaae !important}input[type="submit"]:hover:active,input[type="reset"]:hover:active,input[type="button"]:hover:active,.button:hover:active{background-color:rgba(46,186,174,0.05)}label{color:#3c3b3b;display:block;font-size:0.9em;font-weight:700}input,select,textarea{background:rgba(160,160,160,0.075);border:solid 1px rgba(160,160,160,0.3);outline:0;margin:0.25em 0;padding:0 1em;width:100%;-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;-ms-transition:border-color 0.3s ease-in-out;-o-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out}input:hover,select:hover,textarea:hover{border-color:#2ebaae}input:focus,input:active,select:focus,select:active,textarea:focus,textarea:active{border:solid 1px #2ebaae}input,select{height:2.75em}textarea{height:5em}::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder,.formerize-placeholder{color:#aaaaaa;opacity:1}table{background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-o-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);margin:1em auto;width:75%}@media (min-width: 768px){table{width:90%}}table>thead{display:none}@media (min-width: 768px){table>thead{background-color:#ececec;display:table-header-group}}table>tbody>tr{border-bottom:1px solid #e0e0e0;text-align:center;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease}@media (min-width: 768px){table>tbody>tr:nth-child(even){background-color:#f4f4f4}table>tbody>tr:hover{background-color:rgba(46,187,170,0.5)}}table>tbody>tr>td{display:block}@media (min-width: 768px){table>tbody>tr>td{display:table-cell}}table>tbody>tr>td[data-header]:before{color:#757575;content:attr(data-header);float:left;font-size:inherit;font-weight:bold;margin-right:1em}@media (min-width: 768px){table>tbody>tr>td[data-header]:before{display:none}}table>tbody>tr>td:first-child{background-color:#ececec;font-weight:bold;text-align:left}@media (min-width: 768px){table>tbody>tr>td:first-child{background-color:unset;text-align:center}}table>tbody>tr>td:first-child:after{content:"\f078";float:right;font-family:"Font Awesome 5 Free";font-weight:900;text-decoration:inherit;transition:all 0.3s}@media (min-width: 768px){table>tbody>tr>td:first-child:after{display:none}}table>tbody>tr>td:not(:first-child){border-bottom:1px solid #e0e0e0;opacity:0;position:absolute;-moz-transition:none;-ms-transition:none;-o-transition:none;-webkit-transition:none;text-align:right;transition:none;z-index:-1}@media (min-width: 768px){table>tbody>tr>td:not(:first-child){border:0;opacity:1;position:relative;text-align:center;z-index:0}}@media (min-width: 768px){table>tbody>tr>td[align="left"]{text-align:left}table>tbody>tr>td[align="center"]{text-align:center}table>tbody>tr>td[align="right"]{text-align:right}}table>tbody>tr.active>td:first-child:after{transform:rotateX(180deg)}table>tbody>tr.active>td:not(:first-child){opacity:1;position:relative;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;z-index:auto}table>tbody>tr.active>td:last-child{border-bottom:0}table>tfoot{display:none}@media (min-width: 768px){table>tfoot{display:table-footer-group}}table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{border:0;padding:0.5em}.g-recaptcha{margin:-0.25em 0 0.25em 0}.fancybox{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-o-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);margin:10px auto;max-width:85%;padding:0.5em 0.5em 0 0.5em;width:fit-content}.fancybox a{border:0}.fancybox img{max-width:100%}.fancybox .caption{color:#777;font-size:0.8em;font-style:italic;text-align:center}.post-comment{position:relative;margin:2.5em 0;font-size:0.8em}.post-comment.post-comment-reply{margin-left:2em}.post-comment.post-comment-reply .post-comment-author::after{font-family:"Font Awesome 5 Free";content:"\f064";margin:0 0.3em;display:inline-block;vertical-align:middle;font-weight:900}.post-comment .post-comment-avatar{float:left;width:3.25em;height:3.25em;margin:0 1em 0 0}.post-comment .post-comment-author-container{margin-bottom:-0.5em}.post-comment .post-comment-author-container .post-comment-author{display:inline-block;margin:0 0 0;font-size:1.25em;line-height:0}.post-comment .post-comment-author-container .post-comment-author a{color:inherit;text-decoration:none}.post-comment .post-comment-timestamp{font-size:0.8em}.post-comment .post-comment-timestamp a{color:inherit;text-decoration:none}.post-comment .post-comment-content{margin:1.5em 0 0 4.25em}.post-comment .post-comment-content>figure,.post-comment .post-comment-content>ol,.post-comment .post-comment-content>p,.post-comment .post-comment-content>table,.post-comment .post-comment-content>ul{margin-bottom:1.5em}.post-comment .post-comment-reply-btn-container{margin:1.5em 0 1.5em 4.25em}.post-comment .post-comment-reply-btn-container .post-comment-reply-btn{font-size:0.6rem}.post-comment .post-comment-reply-btn-container .post-comment-reply-btn::before{font-family:"Font Awesome 5 Free";content:"\f3e5";margin:0 0.6em 0 0;display:inline-block;vertical-align:middle;font-weight:900}.post-new-comment.loading{opacity:0.5}.post-new-comment .post-reply-notice .post-comment-avatar{width:2em;height:2em;margin:0 0.6em}.post-new-comment .post-reply-notice .post-reply-close-btn{margin:0 0.5em;padding:unset;border:none;vertical-align:middle}.post-new-comment .post-reply-notice .post-reply-close-btn:hover{border:none}.post-new-comment .post-reply-notice .post-reply-close-btn:after{content:"\2716"}.post-new-comment .post-reply-notice .post-reply-arrow::after{font-family:"Font Awesome 5 Free";content:"\f064";display:inline-block;vertical-align:middle;font-weight:900}.post-new-comment .post-reply-notice .post-reply-name{vertical-align:middle}.post-new-comment .g-recaptcha{margin:0 0 0.25em}.post-new-comment .button{margin:0.25em 0}.triangle{-webkit-clip-path:polygon(0 100%, 100% 100%, 50% 0);-moz-clip-path:polygon(0 100%, 100% 100%, 50% 0);-ms-clip-path:polygon(0 100%, 100% 100%, 50% 0);-o-clip-path:polygon(0 100%, 100% 100%, 50% 0);clip-path:polygon(0 100%, 100% 100%, 50% 0)}.trapezoid{-webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);-moz-clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);-ms-clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);-o-clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);clip-path:polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)}.parallelogram{-webkit-clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);-moz-clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);-ms-clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);-o-clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);clip-path:polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)}.rhombus{-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);-moz-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);-ms-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);-o-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.pentagon{-webkit-clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);-moz-clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);-ms-clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);-o-clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.hexagon{-webkit-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);-moz-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);-ms-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);-o-clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.heptagon{-webkit-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);-moz-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);-ms-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);-o-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%)}.octagon{-webkit-clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);-moz-clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);-ms-clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);-o-clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}.nonagon{-webkit-clip-path:polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);-moz-clip-path:polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);-ms-clip-path:polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);-o-clip-path:polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);clip-path:polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%)}.decagon{-webkit-clip-path:polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);-moz-clip-path:polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);-ms-clip-path:polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);-o-clip-path:polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);clip-path:polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%)}.bevel{-webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);-moz-clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);-ms-clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);-o-clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);clip-path:polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%)}.rabbet{-webkit-clip-path:polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);-moz-clip-path:polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);-ms-clip-path:polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);-o-clip-path:polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);clip-path:polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)}.left-arrow{-webkit-clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);-moz-clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);-ms-clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);-o-clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);clip-path:polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)}.right-arrow{-webkit-clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);-moz-clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);-ms-clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);-o-clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)}.left-point{-webkit-clip-path:polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);-moz-clip-path:polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);-ms-clip-path:polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);-o-clip-path:polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);clip-path:polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%)}.right-point{-webkit-clip-path:polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);-moz-clip-path:polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);-ms-clip-path:polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);-o-clip-path:polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);clip-path:polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%)}.left-cheveron{-webkit-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);-moz-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);-ms-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);-o-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%)}.right-cheveron{-webkit-clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);-moz-clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);-ms-clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);-o-clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)}.star{-webkit-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);-moz-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);-ms-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);-o-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.cross{-webkit-clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);-moz-clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);-ms-clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);-o-clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);clip-path:polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%)}.message{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);-moz-clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);-ms-clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);-o-clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);clip-path:polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%)}.close{-webkit-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);-moz-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);-ms-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);-o-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%)}.circle{-webkit-clip-path:circle(50% at 50% 50%);-moz-clip-path:circle(50% at 50% 50%);-ms-clip-path:circle(50% at 50% 50%);-o-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.vertical-ellipse{-webkit-clip-path:ellipse(25% 40% at 50% 50%);-moz-clip-path:ellipse(25% 40% at 50% 50%);-ms-clip-path:ellipse(25% 40% at 50% 50%);-o-clip-path:ellipse(25% 40% at 50% 50%);clip-path:ellipse(25% 40% at 50% 50%)}.horizontal-ellipse{-webkit-clip-path:ellipse(40% 25% at 50% 50%);-moz-clip-path:ellipse(40% 25% at 50% 50%);-ms-clip-path:ellipse(40% 25% at 50% 50%);-o-clip-path:ellipse(40% 25% at 50% 50%);clip-path:ellipse(40% 25% at 50% 50%)}.share-btn{border:none;border-radius:4px;box-shadow:0 2px 0 0 rgba(0,0,0,0.2);color:#ffffff;display:inline-block;text-align:center}.share-btn:hover{color:#ffffff !important}.share-btn:active{position:relative;top:2px;box-shadow:none;color:#e2e2e2;outline:none}.share-btn.twitter{background:#55acee}.share-btn.twitter:hover{background:#4c9ad6}.share-btn.facebook{background:#3b5998}.share-btn.facebook:hover{background:#2f4779}.share-btn.linkedin{background:#4875b4}.share-btn.linkedin:hover{background:#4069a2}.share-btn.pinterest{background:#bd081c}.share-btn.pinterest:hover{background:#ad0000}.share-btn.reddit{background:#ff5700}.share-btn.reddit:hover{background:#e54e00}.share-btn.email{background:#444444}.share-btn.email:hover{background:#363636}#site-intro{grid-area:intro}#site-sidebar{grid-area:sidebar}#site-main{grid-area:main}#site-footer{grid-area:footer}#wrapper{display:grid;grid-template-areas:"intro" "main" "sidebar" "footer";grid-template-rows:auto 1fr auto auto;margin:0 auto;max-width:90em;min-height:100vh;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}@media (min-width: 1024px){#wrapper{grid-template-areas:"intro main" "sidebar main" "footer main" "blank main";grid-template-columns:22em 1fr;grid-template-rows:auto auto auto 1fr;padding:0 2.5em}}#wrapper.overlay{opacity:0.25}.post{background:#ffffff;margin:1.5em auto;padding:1em;max-width:55em}.post>header{border-bottom:solid 1px rgba(160,160,160,0.3);margin-top:1em;text-align:center;word-break:break-word}@media (min-width: 768px){.post>header{display:flex;justify-content:space-between;text-align:left}}.post>header div{padding:0 0 1em 0}@media (min-width: 768px){.post>header div{padding:2em 1em}}.post>header p{margin:-1em 0 0 0}.post>header .title{font-size:1.1em;width:100%}@media (min-width: 768px){.post>header .title{width:75%}}.post>header .meta{display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.post>header .meta{border-left:solid 1px rgba(160,160,160,0.3);text-align:right;width:25%}}.post>header .meta .published{font-family:"Raleway", Helvetica, sans-serif;font-size:0.7em;font-weight:800;letter-spacing:0.25em;text-transform:uppercase}.post>header .meta p,.post>header .meta .author,.post>header .meta .format{font-family:"Raleway", Helvetica, sans-serif;font-size:0.6em;letter-spacing:0.25em;text-transform:uppercase}@media (min-width: 1024px){.post>div,.post>p{margin:0 1em}}@media (min-width: 1440px){.post>div,.post>p{margin:0 4em}}.post>div>p,.post>p{text-align:justify}.post a.image{border:0;display:block;margin:1em -1em;overflow:hidden}.post a.image:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.post a.image img{-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;-ms-transition:-ms-transform 0.2s ease-out;-o-transition:-ms-transform 0.2s ease-out;transition:transform 0.2s ease-out;width:100%}.post>footer{display:flex;flex-direction:column}.post>footer .button{margin:1em auto;width:100%}.post>footer .stats{display:flex;cursor:default;justify-content:space-around;list-style:none;margin:0.5em 0;padding:0}.post>footer .stats li{display:flex;align-items:center;font-family:"Font Awesome 5 Free";font-weight:900;max-width:50%}.post>footer .stats li:hover ul li,.post>footer .stats li:active ul li{visibility:visible;opacity:1;line-height:1;margin:1em;width:auto}.post>footer .stats li.categories:before{content:"\f07b";width:20px}.post>footer .stats li.tags:before{content:"\f02c";width:20px}.post>footer .stats li ul{display:flex;flex-wrap:wrap;border-left:solid 1px rgba(160,160,160,0.3);margin:0 0 0 1em;padding:0 0 0 1em}.post>footer .stats li ul li{visibility:visible;font-family:"Raleway", Helvetica, sans-serif;font-size:0.6em;font-weight:400;letter-spacing:0.25em;line-height:0;margin:0;width:0;opacity:0;-webkit-transition:visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;-moz-transition:visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;-ms-transition:visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;-o-transition:visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;transition:visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;text-transform:uppercase}.post>footer .stats li ul li:nth-child(-n + 3){visibility:visible;opacity:1;width:auto;line-height:1;margin:1em}.post>footer .stats li ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;justify-content:space-around;align-items:center;margin:1.5em auto;padding:1em;max-width:55em}.pagination .button{margin:1em;width:50%}.pagination .button .previous div,.pagination .button .next div{display:none}@media (min-width: 425px){.pagination .button .previous div,.pagination .button .next div{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.pagination .button .previous::before,.pagination .button .next::before{font-family:"Font Awesome 5 Free";font-weight:900;text-decoration:inherit}.pagination .button .previous::before{content:"\f053";float:left;padding-right:0.5em}.pagination .button .next::before{content:"\f054";float:right;padding-right:0.5em}#site-header{background-color:#ffffff;border-bottom:solid 1px rgba(160,160,160,0.3);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-o-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);height:3.5em;line-height:3.5em;position:fixed;margin-bottom:3.5em;top:0;width:100%;z-index:10000}#site-header .nav{border:0;border-left:1px solid rgba(160,160,160,0.3);font-family:"Raleway", Helvetica, sans-serif;font-size:0.7em;font-weight:400;letter-spacing:0.25em;margin:0;padding:0 1.5em;text-transform:uppercase}.flyout-menu{background-color:#fff;border-left:1px solid rgba(160,160,160,0.3);height:100%;margin-top:3.5em;overflow-y:auto;padding:0;position:fixed;top:0;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;z-index:20}.flyout-menu.active{-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-ms-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);-o-box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.19),0 3px 6px rgba(0,0,0,0.23);right:0 !important}.flyout-menu.active a{border-left:0}.flyout-menu h1{font-size:1em}#site-nav{align-items:center;display:flex;justify-content:space-between}#site-nav .flyout-menu{right:-177px;width:177px}@media (min-width: 1024px){#site-nav .flyout-menu{background-color:unset;border:none;flex-grow:1;height:auto;margin:0;overflow:auto;position:static;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;white-space:nowrap}#site-nav .flyout-menu::-webkit-scrollbar{height:0.25em}#site-nav .flyout-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}#site-nav .flyout-menu::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey}}#site-nav .flyout-menu.active{flex-wrap:wrap}@media (min-width: 1024px){#site-nav .flyout-menu.active{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}}#site-nav .flyout-menu .search-toggle{display:inline-flex;flex-basis:100%;order:1}#site-nav .flyout-menu .link{border-bottom:dotted 1px rgba(160,160,160,0.3);display:block;flex-basis:100%;order:2}@media (min-width: 1024px){#site-nav .flyout-menu .link{border-bottom:none;display:inline;order:0}#site-nav .flyout-menu .link:first-of-type{border:0}}#site-nav .flyout-menu .share-toggle,#site-nav .flyout-menu .search-toggle{display:block;flex-basis:100%;order:3}@media (min-width: 425px){#site-nav .flyout-menu .share-toggle,#site-nav .flyout-menu .search-toggle{display:none}}#site-nav .nav-title{align-items:center;display:flex;flex-grow:1;margin:0}#site-nav .nav-title a{border:0;font-size:0.35em;font-weight:800;margin-left:1.5em;opacity:1;padding:0}#site-nav .nav-title a img{height:4.8em;width:12.6em}@media (min-width: 1024px){#site-nav .nav-title{flex-grow:0}#site-nav .nav-title:after{background:rgba(160,160,160,0.3);content:"";display:block;height:56px;margin-left:1.5em;width:1px}#site-nav .nav-title a{min-width:12.5em}#site-nav .nav-title a img{margin-top:-0.2em}}#site-nav>.share-toggle,#site-nav>.search-toggle{display:none}@media (min-width: 425px){#site-nav>.share-toggle,#site-nav>.search-toggle{display:block;text-align:center;width:61px}#site-nav>.share-toggle i,#site-nav>.search-toggle i{vertical-align:middle}}#site-nav .nav-toggle{text-align:center;width:61px}@media (min-width: 1024px){#site-nav .nav-toggle{display:none}}#site-nav .nav-toggle i{vertical-align:middle}#search{display:flex;align-items:center;flex-direction:column;padding:0}#search .search-input{background-color:#fff;-moz-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);-webkit-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);-ms-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);height:0px;opacity:0;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:300px}#search .search-input.active{opacity:1;height:50px}#search .search-results{display:flex;opacity:0;line-height:1.75em;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;flex-direction:column;align-items:center;max-height:calc(100vh - 9.4em);overflow-y:auto;margin-top:1em;width:100%}#search .search-results.active{opacity:1}#search .search-results .mini-post{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-ms-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);width:90%}@media (min-width: 425px){#search .search-results .mini-post{width:75%}}@media (min-width: 768px){#search .search-results .mini-post{width:50%}}#search .search-results .mini-post a{border-bottom:0}#search .search-results .mini-post a:hover{color:inherit;-moz-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);-webkit-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);-ms-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);-moz-transition:-moz-box-shadow 0.2s ease-out;-webkit-transition:-webkit-box-shadow 0.2s ease-out;-ms-transition:-ms-box-shadow 0.2s ease-out;transition:box-shadow 0.2s ease-out}#search .search-results .mini-post header{border-bottom:solid 1px rgba(160,160,160,0.3)}@media (min-width: 768px){#search .search-results .mini-post header{display:flex;align-items:baseline}#search .search-results .mini-post header h2{flex-grow:1}}#search .search-results .mini-post main{padding:0 1.25em .1em}#lang-menu.flyout-menu{right:-177px;width:177px}#lang-menu.flyout-menu a{border-left:0}#lang-menu.flyout-menu .link{border-bottom:dotted 1px rgba(160,160,160,0.3);display:block}#lang-menu.flyout-menu .no-lang{cursor:not-allowed;opacity:0.25}#lang-menu.flyout-menu .no-lang span:hover{box-shadow:none}#share-menu{display:flex;flex-direction:column;justify-content:flex-start;text-align:center}#share-menu.flyout-menu{width:177px;right:-177px;padding:1em}#share-menu.flyout-menu h1{font-size:0.9em}#share-menu.flyout-menu h1,#share-menu.flyout-menu a{margin:0.25em 0.25em}@media (min-height: 600px){#share-menu.flyout-menu h1,#share-menu.flyout-menu a{margin:0 0.25em 0.75em 0}}#share-menu.flyout-menu a p{visibility:hidden}#share-menu.flyout-menu .share-btn{height:50px}#share-menu.flyout-menu .share-btn i{font-size:1.5em}#site-intro{align-items:center;display:flex;flex-direction:column;margin-top:0.5em;padding:1em;text-align:center}#site-intro a{border:0}#site-intro p{opacity:0.6}#site-intro header h1{font-size:1.25em;margin-bottom:0}#site-intro main p{font-size:0.7em;letter-spacing:0.25em;line-height:2.5;margin-bottom:0;text-transform:uppercase}#site-intro.hidden-single-column{display:none}@media (min-width: 1024px){#site-intro.hidden-single-column{display:flex}}#site-sidebar header h1{font-size:1em}#site-sidebar>*{border-top:solid 1px rgba(160,160,160,0.3);margin:3em 2em 0 2em;padding-top:3em}@media (min-width: 1024px){#site-sidebar>*:first-child{margin-top:0}}#site-sidebar footer{margin:auto;width:max-content}#recent-posts{display:flex;flex-wrap:wrap;justify-content:space-between}#recent-posts>header{flex:1 1 100%}.mini-post{background:#ffffff;border:solid 1px rgba(160,160,160,0.3);display:flex;flex-direction:column;margin-bottom:1em;width:100%}@media (min-width: 768px){.mini-post{width:49%}}@media (min-width: 1024px){.mini-post{width:100%}}.mini-post header{min-height:4em;padding:1.25em 1.25em 0.1em 1.25em;position:relative}@media (min-width: 768px){.mini-post header{border-top:solid 1px rgba(160,160,160,0.3)}}@media (min-width: 1024px){.mini-post header{border:0}}.mini-post header h2{font-size:0.7em}.mini-post header .published{display:block;font-family:"Raleway", Helvetica, sans-serif;font-size:0.6em;font-weight:400;letter-spacing:0.25em;margin:-0.625em 0 1.7em 0;text-transform:uppercase}.mini-post header .author,.mini-post header .format{position:absolute;right:2em;top:2em}.mini-post section{flex-grow:1;overflow:hidden}.mini-post section .image:hover img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.mini-post section .image img{display:block;height:100%;margin:0;-moz-transition:-moz-transform 0.2s ease-out;-webkit-transition:-webkit-transform 0.2s ease-out;-ms-transition:-ms-transform 0.2s ease-out;transition:transform 0.2s ease-out;width:100%}#categories .count{float:right}#mini-bio p{opacity:0.65;font-size:0.9em;padding:0}#site-footer{border-top:solid 1px rgba(160,160,160,0.3);margin:3em 2em 0 2em;padding-top:3em}#site-footer .copyright{color:#aaaaaa;font-family:"Raleway", Helvetica, sans-serif;font-size:0.5em;font-weight:400;letter-spacing:0.25em;text-align:center;text-transform:uppercase}#back-to-top{bottom:15px;color:#aaaaaa;display:none;position:fixed;right:15px;border:0}.socnet-icons{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0}.socnet-icons li{margin:0 0.5em;min-width:20px;list-style-type:none}.socnet-icons li a{opacity:0.6;border:none}#socnet-share{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 1em 0 1em}@media (min-width: 768px){#socnet-share{justify-content:flex-start}}#socnet-share a{margin-bottom:0.5em;padding:0.5em;width:4em}@media (min-width: 768px){#socnet-share a{margin-right:0.25em}}#socnet-share a i{font-size:1em}#socnet-share p{display:none}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.json
deleted file mode 100644
index 160bbf8..0000000
--- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b5a97001882d870cddf46d3bce56b70e.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/main.min.f6072bc46612793d6659c7d53f393936ecb0b7baf2813888f1761a141e8b53b6.css","MediaType":"text/css","Data":{"Integrity":"sha256-9gcrxGYSeT1mWcfVPzk5Nuywt7rygTiI8XYaFB6LU7Y="}}
-\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index ebb632e..0583f58 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*!
 * Future Imperfect by HTML5 UP
 * html5up.net | @n33co
@@ -6,25 +7,32 @@
 * Slimmed/Cleaned/Modernized for use with Hugo-Future-Imperfect Hugo Theme
 * gohugo.io | @pacollins
 */
-/*!
-* HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/
-* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme
-*
-* What follows is the result of much research on cross-browser styling.
-* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
-* Kroc Camen, and the H5BP dev community and team.
-*/
+/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
+/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
+/*
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+/* Font */
+/* Background & Border */
+/* Other */
+/* Maps */
+/* Thanks to https://bennettfeely.com/clippy/ for $masks */
 /* ==========================================================================
-Variables
-========================================================================== */
+   Mixins
+   ========================================================================== */
 /* ==========================================================================
-Breakpoints
-========================================================================== */
+   Breakpoints
+   ========================================================================== */
 /* ==========================================================================
-Base styles: opinionated defaults
-========================================================================== */
+   Base styles: opinionated defaults
+   ========================================================================== */
 html {
-  color: #222;
+  color: #3b3a3a;
   font-size: 1em;
   line-height: 1.4; }
 
@@ -38,11 +46,11 @@ html {
 * Customize the background color to match your design.
 */
 ::-moz-selection {
-  background: #2ebaae;
+  background: #2eb8ac;
   text-shadow: none; }
 
 ::selection {
-  background: #2ebaae;
+  background: #2eb8ac;
   text-shadow: none; }
 
 /*
@@ -52,7 +60,7 @@ hr {
   display: block;
   height: 1px;
   border: 0;
-  border-top: 1px solid #ccc;
+  border-top: 1px solid #cccccc;
   margin: 1em 0;
   padding: 0; }
 
@@ -67,7 +75,6 @@ iframe,
 img,
 svg,
 video {
-  max-width: 100%;
   vertical-align: middle; }
 
 /*
@@ -85,29 +92,27 @@ textarea {
   resize: vertical; }
 
 /* ==========================================================================
-Browser Upgrade Prompt
-========================================================================== */
+   Browser Upgrade Prompt
+   ========================================================================== */
 .browserupgrade {
   margin: 0.2em 0;
-  background: #ccc;
-  color: #000;
+  background: #ababab;
+  color: black;
   padding: 0.2em 0; }
 
 /* ==========================================================================
-Author's custom styles
-========================================================================== */
+   Theme Basic Tag Styles
+   ========================================================================== */
 body {
-  background: #f4f4f4;
+  background: whitesmoke;
   margin-top: 3.5em;
   max-width: 100vw;
   -ms-overflow-style: scrollbar; }
 
 /* Box Model */
 *,
-*:before,
-*:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
+*::before,
+*::after {
   box-sizing: border-box; }
 
 /* Type */
@@ -120,23 +125,13 @@ textarea {
   line-height: 1.75em; }
 
 a {
-  border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
+  border-bottom: 1px dotted rgba(161, 161, 161, 0.7);
   color: inherit;
   text-decoration: none;
-  -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  -o-transition: color 0.2s ease, border-bottom-color 0.2s ease;
-  transition: color 0.2s ease, border-bottom-color 0.2s ease; }
-  a:before {
-    -webkit-transition: color ease;
-    -moz-transition: color ease;
-    -ms-transition: color ease;
-    -o-transition: color ease;
-    transition: color ease; }
+  transition: border-bottom-color 0.2s ease-in-out, color 0.2s ease-in-out; }
   a:hover {
     border-bottom-color: transparent;
-    color: #2ebaae; }
+    color: #2eb8ac; }
 
 h1,
 h2,
@@ -144,7 +139,7 @@ h3,
 h4,
 h5,
 h6 {
-  color: #3c3b3b;
+  color: #3b3a3a;
   font-family: "Raleway", Helvetica, sans-serif;
   letter-spacing: 0.25em;
   line-height: 1.65;
@@ -158,15 +153,13 @@ h6 {
     border-bottom: 0; }
 
 blockquote {
-  border-left: solid 4px rgba(160, 160, 160, 0.3);
+  border-left: 4px solid rgba(161, 161, 161, 0.3);
   font-style: italic;
   margin: 0 2em;
   padding: 0.5em 0 0.5em 2em; }
-  blockquote p {
-    margin-bottom: 0; }
 
 code {
-  border: solid 1px rgba(160, 160, 160, 0.3);
+  border: 1px solid rgba(161, 161, 161, 0.3);
   font-family: "Courier New", monospace;
   font-size: 0.9em;
   margin: 0 0.25em;
@@ -177,14 +170,15 @@ code {
   code::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
   code::-webkit-scrollbar-thumb {
-    background-color: darkgrey;
-    outline: 1px solid slategrey; }
+    background-color: #ababab;
+    outline: 1px solid #6f8090; }
 
 pre {
   display: table;
   font-family: "Courier New", monospace;
   font-size: 0.9em;
   table-layout: fixed;
+  line-height: 1.25;
   width: 100%; }
   pre code {
     display: block;
@@ -193,17 +187,21 @@ pre {
 
 hr {
   border: 0;
-  border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+  border-bottom: 1px solid rgba(161, 161, 161, 0.3);
   margin: 2em 0; }
 
-/* Button */
+cite {
+  margin: 1em 0; }
+  cite sup {
+    left: .5em; }
+
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 .button {
   background-color: transparent;
-  border: solid 1px rgba(160, 160, 160, 0.3);
-  color: #3c3b3b;
+  border: 1px solid rgba(161, 161, 161, 0.3);
+  color: #3b3a3a;
   cursor: pointer;
   display: inline-block;
   font-family: "Raleway", Helvetica, sans-serif;
@@ -214,10 +212,7 @@ input[type="button"],
   line-height: 4.8125em;
   margin: auto;
   padding: 0 2em;
-  -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
-  -webkit-transition: background-color 0.2s ease, border 0.2s ease,color 0.2s ease;
-  -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
-  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
+  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
   text-align: center;
   text-transform: uppercase;
   width: fit-content; }
@@ -225,17 +220,16 @@ input[type="button"],
   input[type="reset"]:hover,
   input[type="button"]:hover,
   .button:hover {
-    border: solid 1px #2ebaae;
-    color: #2ebaae !important; }
+    border: 1px solid #2eb8ac;
+    color: #2eb8ac !important; }
     input[type="submit"]:hover:active,
     input[type="reset"]:hover:active,
     input[type="button"]:hover:active,
     .button:hover:active {
-      background-color: rgba(46, 186, 174, 0.05); }
+      background-color: rgba(46, 184, 172, 0.05); }
 
-/* Form */
 label {
-  color: #3c3b3b;
+  color: #3b3a3a;
   display: block;
   font-size: 0.9em;
   font-weight: 700; }
@@ -243,27 +237,23 @@ label {
 input,
 select,
 textarea {
-  background: rgba(160, 160, 160, 0.075);
-  border: solid 1px rgba(160, 160, 160, 0.3);
+  background: rgba(161, 161, 161, 0.07);
+  border: 1px solid rgba(161, 161, 161, 0.3);
   outline: 0;
   margin: 0.25em 0;
   padding: 0 1em;
   width: 100%;
-  -webkit-transition: border-color 0.3s ease-in-out;
-  -moz-transition: border-color 0.3s ease-in-out;
-  -ms-transition: border-color 0.3s ease-in-out;
-  -o-transition: border-color 0.3s ease-in-out;
-  transition: border-color 0.3s ease-in-out; }
+  transition: border-color 0.2s ease-in-out; }
   input:hover,
   select:hover,
   textarea:hover {
-    border-color: #2ebaae; }
+    border-color: #2eb8ac; }
   input:focus, input:active,
   select:focus,
   select:active,
   textarea:focus,
   textarea:active {
-    border: solid 1px #2ebaae; }
+    border: 1px solid #2eb8ac; }
 
 input,
 select {
@@ -277,16 +267,11 @@ textarea {
 ::-moz-placeholder,
 :-ms-input-placeholder,
 .formerize-placeholder {
-  color: #aaaaaa;
+  color: #ababab;
   opacity: 1; }
 
-/* Table */
 table {
-  background-color: #fff;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  background-color: white;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   margin: 1em auto;
   width: 75%; }
@@ -297,62 +282,54 @@ table {
     display: none; }
     @media (min-width: 768px) {
       table > thead {
-        background-color: #ececec;
+        background-color: #ededed;
         display: table-header-group; } }
   table > tbody > tr {
-    border-bottom: 1px solid #e0e0e0;
+    border-bottom: 1px solid whitesmoke;
     text-align: center;
-    -webkit-transition: 0.5s ease;
-    -moz-transition: 0.5s ease;
-    -ms-transition: 0.5s ease;
-    -o-transition: 0.5s ease;
-    transition: 0.5s ease; }
+    transition: 0.2s ease-in-out; }
     @media (min-width: 768px) {
       table > tbody > tr:nth-child(even) {
-        background-color: #f4f4f4; }
+        background-color: whitesmoke; }
       table > tbody > tr:hover {
-        background-color: rgba(46, 187, 170, 0.5); } }
+        background-color: rgba(46, 184, 172, 0.25); } }
     table > tbody > tr > td {
       display: block; }
       @media (min-width: 768px) {
         table > tbody > tr > td {
           display: table-cell; } }
-      table > tbody > tr > td[data-header]:before {
-        color: #757575;
+      table > tbody > tr > td[data-header]::before {
+        color: #6f8090;
         content: attr(data-header);
         float: left;
         font-size: inherit;
         font-weight: bold;
         margin-right: 1em; }
         @media (min-width: 768px) {
-          table > tbody > tr > td[data-header]:before {
+          table > tbody > tr > td[data-header]::before {
             display: none; } }
       table > tbody > tr > td:first-child {
-        background-color: #ececec;
+        background-color: #ededed;
         font-weight: bold;
         text-align: left; }
         @media (min-width: 768px) {
           table > tbody > tr > td:first-child {
             background-color: unset;
             text-align: center; } }
-        table > tbody > tr > td:first-child:after {
+        table > tbody > tr > td:first-child::after {
           content: "\f078";
           float: right;
           font-family: "Font Awesome 5 Free";
           font-weight: 900;
           text-decoration: inherit;
-          transition: all 0.3s; }
+          transition: all 0.2s ease-in-out; }
           @media (min-width: 768px) {
-            table > tbody > tr > td:first-child:after {
+            table > tbody > tr > td:first-child::after {
               display: none; } }
       table > tbody > tr > td:not(:first-child) {
-        border-bottom: 1px solid #e0e0e0;
+        border-bottom: 1px solid whitesmoke;
         opacity: 0;
         position: absolute;
-        -moz-transition: none;
-        -ms-transition: none;
-        -o-transition: none;
-        -webkit-transition: none;
         text-align: right;
         transition: none;
         z-index: -1; }
@@ -370,16 +347,12 @@ table {
           text-align: center; }
         table > tbody > tr > td[align="right"] {
           text-align: right; } }
-    table > tbody > tr.active > td:first-child:after {
+    table > tbody > tr.active > td:first-child::after {
       transform: rotateX(180deg); }
     table > tbody > tr.active > td:not(:first-child) {
       opacity: 1;
       position: relative;
-      -webkit-transition: all 0.3s ease;
-      -moz-transition: all 0.3s ease;
-      -ms-transition: all 0.3s ease;
-      -o-transition: all 0.3s ease;
-      transition: all 0.3s ease;
+      transition: all 0.2s ease-in-out;
       z-index: auto; }
     table > tbody > tr.active > td:last-child {
       border-bottom: 0; }
@@ -397,524 +370,230 @@ table {
     border: 0;
     padding: 0.5em; }
 
-/* ----------------------------------Add-Ons--------------------------------- */
-/* Format reCaptcha */
-.g-recaptcha {
-  margin: -0.25em 0 0.25em 0; }
-
-/* Fancybox */
-.fancybox {
-  background: #fff;
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+figure {
+  background: white;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   margin: 10px auto;
   max-width: 85%;
   padding: 0.5em 0.5em 0 0.5em;
   width: fit-content; }
-  .fancybox a {
+  figure a {
     border: 0; }
-  .fancybox img {
+  figure img {
     max-width: 100%; }
-  .fancybox .caption {
-    color: #777;
-    font-size: 0.8em;
-    font-style: italic;
-    text-align: center; }
-
-/* Staticman Comments */
-.post-comment {
-  position: relative;
-  margin: 2.5em 0;
-  font-size: 0.8em; }
-  .post-comment.post-comment-reply {
-    margin-left: 2em; }
-    .post-comment.post-comment-reply .post-comment-author::after {
-      font-family: "Font Awesome 5 Free";
-      content: "\f064";
-      margin: 0 0.3em;
-      display: inline-block;
-      vertical-align: middle;
-      font-weight: 900; }
-  .post-comment .post-comment-avatar {
-    float: left;
-    width: 3.25em;
-    height: 3.25em;
-    margin: 0 1em 0 0; }
-  .post-comment .post-comment-author-container {
-    margin-bottom: -0.5em; }
-    .post-comment .post-comment-author-container .post-comment-author {
-      display: inline-block;
-      margin: 0 0 0;
-      font-size: 1.25em;
-      line-height: 0; }
-      .post-comment .post-comment-author-container .post-comment-author a {
-        color: inherit;
-        text-decoration: none; }
-  .post-comment .post-comment-timestamp {
-    font-size: 0.8em; }
-    .post-comment .post-comment-timestamp a {
-      color: inherit;
-      text-decoration: none; }
-  .post-comment .post-comment-content {
-    margin: 1.5em 0 0 4.25em; }
-    .post-comment .post-comment-content > figure, .post-comment .post-comment-content > ol, .post-comment .post-comment-content > p, .post-comment .post-comment-content > table, .post-comment .post-comment-content > ul {
-      margin-bottom: 1.5em; }
-  .post-comment .post-comment-reply-btn-container {
-    margin: 1.5em 0 1.5em 4.25em; }
-    .post-comment .post-comment-reply-btn-container .post-comment-reply-btn {
-      font-size: 0.6rem; }
-      .post-comment .post-comment-reply-btn-container .post-comment-reply-btn::before {
-        font-family: "Font Awesome 5 Free";
-        content: "\f3e5";
-        margin: 0 0.6em 0 0;
-        display: inline-block;
-        vertical-align: middle;
-        font-weight: 900; }
-
-/* Comment form */
-.post-new-comment.loading {
-  opacity: 0.5; }
-
-.post-new-comment .post-reply-notice .post-comment-avatar {
-  width: 2em;
-  height: 2em;
-  margin: 0 0.6em; }
-
-.post-new-comment .post-reply-notice .post-reply-close-btn {
-  margin: 0 0.5em;
-  padding: unset;
-  border: none;
-  vertical-align: middle; }
-  .post-new-comment .post-reply-notice .post-reply-close-btn:hover {
-    border: none; }
-  .post-new-comment .post-reply-notice .post-reply-close-btn:after {
-    content: "\2716"; }
-
-.post-new-comment .post-reply-notice .post-reply-arrow::after {
-  font-family: "Font Awesome 5 Free";
-  content: "\f064";
-  display: inline-block;
-  vertical-align: middle;
-  font-weight: 900; }
-
-.post-new-comment .post-reply-notice .post-reply-name {
-  vertical-align: middle; }
-
-.post-new-comment .g-recaptcha {
-  margin: 0 0 0.25em; }
-
-.post-new-comment .button {
-  margin: 0.25em 0; }
-
-/* Image Masks thanks to https://bennettfeely.com/clippy/ */
-.triangle {
-  -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -moz-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -ms-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  -o-clip-path: polygon(0 100%, 100% 100%, 50% 0);
-  clip-path: polygon(0 100%, 100% 100%, 50% 0); }
-
-.trapezoid {
-  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -moz-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -ms-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  -o-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
-  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); }
-
-.parallelogram {
-  -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -moz-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -ms-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  -o-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
-  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); }
-
-.rhombus {
-  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -moz-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -ms-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  -o-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
-
-.pentagon {
-  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -moz-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -ms-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  -o-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); }
-
-.hexagon {
-  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -moz-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -ms-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  -o-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
-
-.heptagon {
-  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -moz-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -ms-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  -o-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
-  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); }
-
-.octagon {
-  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -moz-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -ms-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  -o-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); }
-
-.nonagon {
-  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -moz-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -ms-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  -o-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
-  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); }
-
-.decagon {
-  -webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -moz-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -ms-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  -o-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); }
-
-.bevel {
-  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -moz-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -ms-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  -o-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
-  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); }
 
-.rabbet {
-  -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -moz-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -ms-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  -o-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
-  clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%); }
-
-.left-arrow {
-  -webkit-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -moz-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -ms-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  -o-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
-  clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }
-
-.right-arrow {
-  -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -moz-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -ms-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  -o-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
-  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }
-
-.left-point {
-  -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -moz-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -ms-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  -o-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
-  clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%); }
-
-.right-point {
-  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -moz-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -ms-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  -o-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); }
-
-.left-cheveron {
-  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -moz-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -ms-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  -o-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
-  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }
-
-.right-cheveron {
-  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -moz-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -ms-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  -o-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
-  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
-
-.star {
-  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -moz-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -ms-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  -o-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
-  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
-
-.cross {
-  -webkit-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -moz-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -ms-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  -o-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
-  clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); }
-
-.message {
-  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -moz-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -ms-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  -o-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
-  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); }
-
-.close {
-  -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -moz-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -ms-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  -o-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); }
-
-.circle {
-  -webkit-clip-path: circle(50% at 50% 50%);
-  -moz-clip-path: circle(50% at 50% 50%);
-  -ms-clip-path: circle(50% at 50% 50%);
-  -o-clip-path: circle(50% at 50% 50%);
-  clip-path: circle(50% at 50% 50%); }
-
-.vertical-ellipse {
-  -webkit-clip-path: ellipse(25% 40% at 50% 50%);
-  -moz-clip-path: ellipse(25% 40% at 50% 50%);
-  -ms-clip-path: ellipse(25% 40% at 50% 50%);
-  -o-clip-path: ellipse(25% 40% at 50% 50%);
-  clip-path: ellipse(25% 40% at 50% 50%); }
-
-.horizontal-ellipse {
-  -webkit-clip-path: ellipse(40% 25% at 50% 50%);
-  -moz-clip-path: ellipse(40% 25% at 50% 50%);
-  -ms-clip-path: ellipse(40% 25% at 50% 50%);
-  -o-clip-path: ellipse(40% 25% at 50% 50%);
-  clip-path: ellipse(40% 25% at 50% 50%); }
-
-/* Share Button */
-.share-btn {
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
-  color: #ffffff;
-  display: inline-block;
+figcaption {
+  color: #ababab;
+  font-size: 0.8em;
+  font-style: italic;
   text-align: center; }
-  .share-btn:hover {
-    color: #ffffff !important; }
-  .share-btn:active {
-    position: relative;
-    top: 2px;
-    box-shadow: none;
-    color: #e2e2e2;
-    outline: none; }
-
-/* Share Branding */
-.share-btn.twitter {
-  background: #55acee; }
-  .share-btn.twitter:hover {
-    background: #4c9ad6; }
-
-.share-btn.facebook {
-  background: #3b5998; }
-  .share-btn.facebook:hover {
-    background: #2f4779; }
-
-.share-btn.linkedin {
-  background: #4875b4; }
-  .share-btn.linkedin:hover {
-    background: #4069a2; }
-
-.share-btn.pinterest {
-  background: #bd081c; }
-  .share-btn.pinterest:hover {
-    background: #ad0000; }
-
-.share-btn.reddit {
-  background: #ff5700; }
-  .share-btn.reddit:hover {
-    background: #e54e00; }
-
-.share-btn.email {
-  background: #444444; }
-  .share-btn.email:hover {
-    background: #363636; }
 
 /* ==========================================================================
-Theme Grid
-========================================================================== */
-#site-intro {
-  grid-area: intro; }
-
-#site-sidebar {
-  grid-area: sidebar; }
-
-#site-main {
-  grid-area: main; }
-
-#site-footer {
-  grid-area: footer; }
-
-#wrapper {
-  display: grid;
-  grid-template-areas: "intro" "main" "sidebar" "footer";
-  grid-template-rows: auto 1fr auto auto;
-  margin: 0 auto;
-  max-width: 90em;
-  min-height: 100vh;
-  -moz-transition: opacity 0.5s ease-in-out;
-  -ms-transition: opacity 0.5s ease-in-out;
-  -o-transition: opacity 0.5s ease-in-out;
-  -webkit-transition: opacity 0.5s ease-in-out;
-  transition: opacity 0.5s ease-in-out; }
-  @media (min-width: 1024px) {
-    #wrapper {
-      grid-template-areas: "intro main" "sidebar main" "footer main" "blank main";
-      grid-template-columns: 22em 1fr;
-      grid-template-rows: auto auto auto 1fr;
-      padding: 0 2.5em; } }
-  #wrapper.overlay {
-    opacity: 0.25; }
-
-/* ---------------------------------Classes--------------------------------- */
+   Classes
+   ========================================================================== */
 .post {
-  background: #ffffff;
+  background: white;
   margin: 1.5em auto;
   padding: 1em;
   max-width: 55em; }
   .post > header {
-    border-bottom: solid 1px rgba(160, 160, 160, 0.3);
-    margin-top: 1em;
+    border-bottom: 1px solid rgba(161, 161, 161, 0.3);
+    margin: -1em -1em 0 -1em;
     text-align: center;
+    -ms-word-break: break-word;
     word-break: break-word; }
     @media (min-width: 768px) {
       .post > header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
         display: flex;
         justify-content: space-between;
         text-align: left; } }
     .post > header div {
-      padding: 0 0 1em 0; }
+      padding-bottom: 1em; }
       @media (min-width: 768px) {
         .post > header div {
-          padding: 2em 1em; } }
+          padding: 1.5em; } }
     .post > header p {
       margin: -1em 0 0 0; }
-    .post > header .title {
-      font-size: 1.1em;
-      width: 100%; }
-      @media (min-width: 768px) {
-        .post > header .title {
-          width: 75%; } }
-    .post > header .meta {
-      display: flex;
-      flex-direction: column;
-      width: 100%; }
-      @media (min-width: 768px) {
-        .post > header .meta {
-          border-left: solid 1px rgba(160, 160, 160, 0.3);
-          text-align: right;
-          width: 25%; } }
-      .post > header .meta .published {
-        font-family: "Raleway", Helvetica, sans-serif;
-        font-size: 0.7em;
-        font-weight: 800;
-        letter-spacing: 0.25em;
-        text-transform: uppercase; }
-      .post > header .meta p,
-      .post > header .meta .author,
-      .post > header .meta .format {
-        font-family: "Raleway", Helvetica, sans-serif;
-        font-size: 0.6em;
-        letter-spacing: 0.25em;
-        text-transform: uppercase; }
-  @media (min-width: 1024px) {
-    .post > div,
-    .post > p {
-      margin: 0 1em; } }
-  @media (min-width: 1440px) {
-    .post > div,
-    .post > p {
-      margin: 0 4em; } }
   .post > div > p,
   .post > p {
     text-align: justify; }
-  .post a.image {
-    border: 0;
-    display: block;
-    margin: 1em -1em;
-    overflow: hidden; }
-    .post a.image:hover img {
-      -webkit-transform: scale(1.05);
-      -moz-transform: scale(1.05);
-      -ms-transform: scale(1.05);
-      -o-transform: scale(1.05);
-      transform: scale(1.05); }
-    .post a.image img {
-      -webkit-transition: -webkit-transform 0.2s ease-out;
-      -moz-transition: -moz-transform 0.2s ease-out;
-      -ms-transition: -ms-transform 0.2s ease-out;
-      -o-transition: -ms-transform 0.2s ease-out;
-      transition: transform 0.2s ease-out;
-      width: 100%; }
-  .post > footer {
+  .post footer {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
     display: flex;
     flex-direction: column; }
-    .post > footer .button {
+    .post footer .button {
       margin: 1em auto;
       width: 100%; }
-    .post > footer .stats {
-      display: flex;
-      cursor: default;
-      justify-content: space-around;
-      list-style: none;
-      margin: 0.5em 0;
-      padding: 0; }
-      .post > footer .stats li {
-        display: flex;
-        align-items: center;
-        font-family: "Font Awesome 5 Free";
-        font-weight: 900;
-        max-width: 50%; }
-        .post > footer .stats li:hover ul li, .post > footer .stats li:active ul li {
-          visibility: visible;
-          opacity: 1;
-          line-height: 1;
-          margin: 1em;
-          width: auto; }
-        .post > footer .stats li.categories:before {
-          content: "\f07b";
-          width: 20px; }
-        .post > footer .stats li.tags:before {
-          content: "\f02c";
-          width: 20px; }
-        .post > footer .stats li ul {
-          display: flex;
-          flex-wrap: wrap;
-          border-left: solid 1px rgba(160, 160, 160, 0.3);
-          margin: 0 0 0 1em;
-          padding: 0 0 0 1em; }
-          .post > footer .stats li ul li {
-            visibility: visible;
-            font-family: "Raleway", Helvetica, sans-serif;
-            font-size: 0.6em;
-            font-weight: 400;
-            letter-spacing: 0.25em;
-            line-height: 0;
-            margin: 0;
-            width: 0;
-            opacity: 0;
-            -webkit-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -moz-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -ms-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            -o-transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
-            text-transform: uppercase; }
-            .post > footer .stats li ul li:nth-child(-n + 3) {
-              visibility: visible;
-              opacity: 1;
-              width: auto;
-              line-height: 1;
-              margin: 1em; }
-            .post > footer .stats li ul li a {
-              overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap; }
+
+.image {
+  border: 0;
+  display: grid;
+  place-items: center;
+  margin: 0 -1em 1em -1em;
+  overflow: hidden;
+  padding-bottom: 33%;
+  -webkit-transform: perspective(1000px);
+  -ms-transform: perspective(1000px);
+  transform: perspective(1000px); }
+  .image img {
+    position: absolute;
+    max-height: 100%;
+    transition: transform 0.35s ease-in-out; }
+    .image img.stretchV {
+      height: 100%; }
+    .image img.stretchH {
+      width: 100%; }
+    .image img.cover {
+      object-fit: cover;
+      width: 100%; }
+  .image[style]::before {
+    content: "";
+    position: absolute;
+    background-image: var(--bg-image);
+    background-size: 100% 100%;
+    height: 100%;
+    width: 100%;
+    -webkit-filter: blur(8px);
+    filter: blur(8px);
+    -webkit-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    transform: scale(1.1); }
+  .image:hover img {
+    -webkit-transform: scale(1.05);
+    -ms-transform: scale(1.05);
+    transform: scale(1.05); }
+
+.title {
+  font-size: 1.1em;
+  width: 100%; }
+  @media (min-width: 768px) {
+    .title {
+      width: 75%; } }
+.meta {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  font-family: "Raleway", Helvetica, sans-serif;
+  font-size: 0.6em;
+  letter-spacing: 0.25em;
+  text-transform: uppercase;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%; }
+  @media (min-width: 768px) {
+    .meta {
+      border-left: 1px solid rgba(161, 161, 161, 0.3);
+      text-align: right;
+      width: 25%; } }
+  .meta time {
+    font-size: 1.2em;
+    font-weight: 800; }
+
+.stats {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column; }
+  @media (min-width: 375px) {
+    .stats {
+      flex-direction: row;
+      justify-content: space-around; } }
+  .stats ul {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    flex-wrap: wrap;
+    margin: 1em 0 0 0;
+    padding: 0;
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    list-style: none; }
+    @media (min-width: 375px) {
+      .stats ul {
+        max-width: 50%;
+        justify-content: center; } }
+    .stats ul::before {
+      width: 40px;
+      padding-right: 1em;
+      margin-right: 1em;
+      border-right: 1px solid rgba(161, 161, 161, 0.3); }
+      @media (min-width: 375px) {
+        .stats ul::before {
+          padding-right: 0;
+          margin-right: 0;
+          border-right: 0;
+          border-bottom: 1px solid rgba(161, 161, 161, 0.3);
+          flex: 100%;
+          height: fit-content;
+          text-align: center; } }
+    .stats ul li {
+      font-family: "Raleway", Helvetica, sans-serif;
+      font-size: 0.6em;
+      font-weight: 400;
+      letter-spacing: 0.25em;
+      text-transform: uppercase; }
+      .stats ul li:not(:first-child) {
+        margin-left: 1em; }
+      .stats ul li a {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap; }
+
+/*.stats {
+  ul {
+    &:hover,
+    &:focus,
+    &:active {
+      li {
+        visibility: visible;
+        opacity: 1;
+        line-height: 1;
+        margin: 1em;
+        width: auto;
+      }
+    }
+    li {
+      visibility: visible;
+      line-height: 0;
+      margin: 0;
+      width: 0;
+      opacity: 0;
+      transition: visibility 0s, opacity 0.5s linear, line-height 0.5s linear, margin 0.5s linear, width 0.5s linear;
+      text-transform: uppercase;
+      &:nth-child(-n + 3) {
+        visibility: visible;
+        opacity: 1;
+        width: auto;
+        line-height: 1;
+        margin: 1em;
+      }
+      a {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}*/
+.categories::before {
+  content: "\f07b"; }
+
+.tags::before {
+  content: "\f02c"; }
 
 /* Pagination */
 .pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   justify-content: space-around;
   align-items: center;
@@ -924,87 +603,275 @@ Theme Grid
   .pagination .button {
     margin: 1em;
     width: 50%; }
-    .pagination .button .previous div,
-    .pagination .button .next div {
-      display: none; }
-      @media (min-width: 425px) {
-        .pagination .button .previous div,
-        .pagination .button .next div {
-          display: block;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap; } }
-    .pagination .button .previous::before,
-    .pagination .button .next::before {
-      font-family: "Font Awesome 5 Free";
-      font-weight: 900;
-      text-decoration: inherit; }
-    .pagination .button .previous::before {
-      content: "\f053";
-      float: left;
-      padding-right: 0.5em; }
-    .pagination .button .next::before {
-      content: "\f054";
-      float: right;
-      padding-right: 0.5em; }
-
-/* -----------------------------------IDs----------------------------------- */
-/* Site Header */
-#site-header {
-  background-color: #ffffff;
-  border-bottom: solid 1px rgba(160, 160, 160, 0.3);
-  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-  height: 3.5em;
-  line-height: 3.5em;
-  position: fixed;
-  margin-bottom: 3.5em;
-  top: 0;
-  width: 100%;
-  z-index: 10000; }
-  #site-header .nav {
-    border: 0;
-    border-left: 1px solid rgba(160, 160, 160, 0.3);
-    font-family: "Raleway", Helvetica, sans-serif;
-    font-size: 0.7em;
-    font-weight: 400;
-    letter-spacing: 0.25em;
-    margin: 0;
-    padding: 0 1.5em;
-    text-transform: uppercase; }
+
+.left span,
+.right span {
+  display: none; }
+  @media (min-width: 425px) {
+    .left span,
+    .right span {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; } }
+.left::before,
+.right::before {
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
+  text-decoration: inherit; }
+
+.left::before {
+  content: "\f053";
+  float: left;
+  padding-right: 0.5em; }
+
+.right::before {
+  content: "\f054";
+  float: right;
+  padding-left: 0.5em; }
+
+.nav {
+  border: 0;
+  border-left: 1px solid rgba(161, 161, 161, 0.3);
+  font-family: "Raleway", Helvetica, sans-serif;
+  font-size: 0.7em;
+  font-weight: 400;
+  letter-spacing: 0.25em;
+  margin: 0;
+  padding: 0 1.5em;
+  text-transform: uppercase; }
 
 .flyout-menu {
-  background-color: #fff;
-  border-left: 1px solid rgba(160, 160, 160, 0.3);
+  background-color: white;
+  border-left: 1px solid rgba(161, 161, 161, 0.3);
   height: 100%;
   margin-top: 3.5em;
   overflow-y: auto;
   padding: 0;
   position: fixed;
   top: 0;
-  -webkit-transition: 0.5s ease-in-out;
-  -moz-transition: 0.5s ease-in-out;
-  -ms-transition: 0.5s ease-in-out;
-  -o-transition: 0.5s ease-in-out;
-  transition: 0.5s ease-in-out;
+  transition: 0.35s ease-in-out;
   z-index: 20; }
   .flyout-menu.active {
-    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
-    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.23);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
     right: 0 !important; }
     .flyout-menu.active a {
       border-left: 0; }
   .flyout-menu h1 {
     font-size: 1em; }
 
+.link {
+  border-bottom: 1px dotted rgba(161, 161, 161, 0.7);
+  display: block;
+  flex-basis: 100%;
+  order: 2; }
+  .link:hover {
+    border-bottom: 1px dotted rgba(161, 161, 161, 0.7); }
+  @media (min-width: 1024px) {
+    .link {
+      border-bottom: none;
+      display: inline;
+      order: 0; }
+      .link:first-of-type {
+        border: 0; } }
+.nav-title {
+  align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-grow: 1;
+  margin: 0; }
+  .nav-title a {
+    border: 0;
+    font-size: 0.35em;
+    font-weight: 800;
+    margin-left: 1.5em;
+    opacity: 1;
+    padding: 0; }
+    .nav-title a img {
+      height: 4.8em;
+      width: 12.6em; }
+  @media (min-width: 1024px) {
+    .nav-title {
+      flex-grow: 0; }
+      .nav-title::after {
+        background: rgba(161, 161, 161, 0.3);
+        content: "";
+        display: block;
+        height: 56px;
+        margin-left: 1.5em;
+        width: 1px; }
+      .nav-title a {
+        min-width: 12.5em; }
+        .nav-title a img {
+          margin-top: -0.2em; } }
+.share-toggle,
+.search-toggle {
+  display: none; }
+  @media (min-width: 425px) {
+    .share-toggle,
+    .search-toggle {
+      display: block;
+      text-align: center;
+      width: 61px; }
+      .share-toggle i,
+      .search-toggle i {
+        vertical-align: middle; } }
+.nav-toggle {
+  text-align: center;
+  width: 61px; }
+  @media (min-width: 1024px) {
+    .nav-toggle {
+      display: none; } }
+  .nav-toggle i {
+    vertical-align: middle; }
+
+.search-input {
+  background-color: white;
+  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+  height: 0px;
+  opacity: 0;
+  transition: 0.35s ease-in-out;
+  width: 300px;
+  z-index: -1; }
+  .search-input.active {
+    opacity: 1;
+    height: 50px;
+    z-index: 0; }
+
+.search-results {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  opacity: 0;
+  line-height: 1.75em;
+  transition: 0.35s ease-in-out;
+  z-index: -1;
+  flex-direction: column;
+  align-items: center;
+  max-height: calc(100vh - 9.4em);
+  overflow-y: auto;
+  margin-top: 1em;
+  padding-bottom: 1em;
+  width: 100%; }
+  .search-results.active {
+    opacity: 1;
+    z-index: 0; }
+  .search-results .mini-post {
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+    width: 90%; }
+    @media (min-width: 425px) {
+      .search-results .mini-post {
+        width: 75%; } }
+    @media (min-width: 768px) {
+      .search-results .mini-post {
+        width: 50%; } }
+    .search-results .mini-post a {
+      border-bottom: 0; }
+      .search-results .mini-post a:hover {
+        color: inherit;
+        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+        transition: box-shadow 0.2s ease-in-out; }
+    @media (min-width: 768px) {
+      .search-results .mini-post header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid rgba(161, 161, 161, 0.3); }
+        .search-results .mini-post header h2 {
+          flex-grow: 1;
+          font-size: 1em; } }
+    .search-results .mini-post main {
+      padding: 0 1.25em .1em; }
+
+.mini-post {
+  background: white;
+  border: 1px solid rgba(161, 161, 161, 0.3);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1em;
+  width: 100%; }
+  @media (min-width: 768px) {
+    .mini-post {
+      width: 49%; } }
+  @media (min-width: 1024px) {
+    .mini-post {
+      width: 100%; } }
+  .mini-post header {
+    min-height: 4em;
+    padding: 0.5em 1.25em;
+    position: relative; }
+    @media (min-width: 768px) {
+      .mini-post header {
+        border-top: 1px solid rgba(161, 161, 161, 0.3); } }
+    @media (min-width: 1024px) {
+      .mini-post header {
+        border: 0; } }
+    .mini-post header h2 {
+      font-size: 0.7em; }
+    .mini-post header time {
+      font-family: "Raleway", Helvetica, sans-serif;
+      font-size: 0.6em;
+      letter-spacing: 0.25em;
+      text-transform: uppercase; }
+  .mini-post .image {
+    margin: 0; }
+
+.count {
+  float: right; }
+
+.copyright {
+  color: #ababab;
+  font-family: "Raleway", Helvetica, sans-serif;
+  font-size: 0.5em;
+  font-weight: 400;
+  letter-spacing: 0.25em;
+  text-align: center;
+  text-transform: uppercase; }
+
+.socnet-icons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding-left: 0; }
+  .socnet-icons li {
+    margin: 0 0.5em;
+    min-width: 20px;
+    list-style-type: none; }
+    .socnet-icons li a {
+      opacity: 0.6;
+      border: none; }
+
+/* ==========================================================================
+   IDs and Grid
+   ========================================================================== */
+#site-header {
+  background-color: white;
+  border-bottom: 1px solid rgba(161, 161, 161, 0.3);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+  height: 3.5em;
+  line-height: 3.5em;
+  position: fixed;
+  margin-bottom: 3.5em;
+  top: 0;
+  width: 100%;
+  z-index: 10000; }
+
 #site-nav {
   align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   justify-content: space-between; }
   #site-nav .flyout-menu {
@@ -1019,10 +886,6 @@ Theme Grid
         margin: 0;
         overflow: auto;
         position: static;
-        -webkit-transition: none;
-        -moz-transition: none;
-        -ms-transition: none;
-        -o-transition: none;
         transition: none;
         white-space: nowrap; }
         #site-nav .flyout-menu::-webkit-scrollbar {
@@ -1030,33 +893,17 @@ Theme Grid
         #site-nav .flyout-menu::-webkit-scrollbar-track {
           -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
         #site-nav .flyout-menu::-webkit-scrollbar-thumb {
-          background-color: darkgrey;
-          outline: 1px solid slategrey; } }
+          background-color: #ababab;
+          outline: 1px solid #6f8090; } }
     #site-nav .flyout-menu.active {
       flex-wrap: wrap; }
       @media (min-width: 1024px) {
         #site-nav .flyout-menu.active {
-          -webkit-box-shadow: none;
-          -moz-box-shadow: none;
-          -ms-box-shadow: none;
-          -o-box-shadow: none;
           box-shadow: none; } }
     #site-nav .flyout-menu .search-toggle {
       display: inline-flex;
       flex-basis: 100%;
       order: 1; }
-    #site-nav .flyout-menu .link {
-      border-bottom: dotted 1px rgba(160, 160, 160, 0.3);
-      display: block;
-      flex-basis: 100%;
-      order: 2; }
-      @media (min-width: 1024px) {
-        #site-nav .flyout-menu .link {
-          border-bottom: none;
-          display: inline;
-          order: 0; }
-          #site-nav .flyout-menu .link:first-of-type {
-            border: 0; } }
     #site-nav .flyout-menu .share-toggle, #site-nav .flyout-menu .search-toggle {
       display: block;
       flex-basis: 100%;
@@ -1064,129 +911,14 @@ Theme Grid
       @media (min-width: 425px) {
         #site-nav .flyout-menu .share-toggle, #site-nav .flyout-menu .search-toggle {
           display: none; } }
-  #site-nav .nav-title {
-    align-items: center;
-    display: flex;
-    flex-grow: 1;
-    margin: 0; }
-    #site-nav .nav-title a {
-      border: 0;
-      font-size: 0.35em;
-      font-weight: 800;
-      margin-left: 1.5em;
-      opacity: 1;
-      padding: 0; }
-      #site-nav .nav-title a img {
-        height: 4.8em;
-        width: 12.6em; }
-    @media (min-width: 1024px) {
-      #site-nav .nav-title {
-        flex-grow: 0; }
-        #site-nav .nav-title:after {
-          background: rgba(160, 160, 160, 0.3);
-          content: "";
-          display: block;
-          height: 56px;
-          margin-left: 1.5em;
-          width: 1px; }
-        #site-nav .nav-title a {
-          min-width: 12.5em; }
-          #site-nav .nav-title a img {
-            margin-top: -0.2em; } }
-  #site-nav > .share-toggle,
-  #site-nav > .search-toggle {
-    display: none; }
-    @media (min-width: 425px) {
-      #site-nav > .share-toggle,
-      #site-nav > .search-toggle {
-        display: block;
-        text-align: center;
-        width: 61px; }
-        #site-nav > .share-toggle i,
-        #site-nav > .search-toggle i {
-          vertical-align: middle; } }
-  #site-nav .nav-toggle {
-    text-align: center;
-    width: 61px; }
-    @media (min-width: 1024px) {
-      #site-nav .nav-toggle {
-        display: none; } }
-    #site-nav .nav-toggle i {
-      vertical-align: middle; }
-
 #search {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 0; }
-  #search .search-input {
-    background-color: #fff;
-    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-    -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-    height: 0px;
-    opacity: 0;
-    -webkit-transition: 0.5s ease-in-out;
-    -moz-transition: 0.5s ease-in-out;
-    -ms-transition: 0.5s ease-in-out;
-    -o-transition: 0.5s ease-in-out;
-    transition: 0.5s ease-in-out;
-    width: 300px; }
-    #search .search-input.active {
-      opacity: 1;
-      height: 50px; }
-  #search .search-results {
-    display: flex;
-    opacity: 0;
-    line-height: 1.75em;
-    -webkit-transition: 0.5s ease-in-out;
-    -moz-transition: 0.5s ease-in-out;
-    -ms-transition: 0.5s ease-in-out;
-    -o-transition: 0.5s ease-in-out;
-    transition: 0.5s ease-in-out;
-    flex-direction: column;
-    align-items: center;
-    max-height: calc(100vh - 9.4em);
-    overflow-y: auto;
-    margin-top: 1em;
-    width: 100%; }
-    #search .search-results.active {
-      opacity: 1; }
-    #search .search-results .mini-post {
-      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-      -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-      width: 90%; }
-      @media (min-width: 425px) {
-        #search .search-results .mini-post {
-          width: 75%; } }
-      @media (min-width: 768px) {
-        #search .search-results .mini-post {
-          width: 50%; } }
-      #search .search-results .mini-post a {
-        border-bottom: 0; }
-      #search .search-results .mini-post a:hover {
-        color: inherit;
-        -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-        -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-        -moz-transition: -moz-box-shadow 0.2s ease-out;
-        -webkit-transition: -webkit-box-shadow 0.2s ease-out;
-        -ms-transition: -ms-box-shadow 0.2s ease-out;
-        transition: box-shadow 0.2s ease-out; }
-      #search .search-results .mini-post header {
-        border-bottom: solid 1px rgba(160, 160, 160, 0.3); }
-        @media (min-width: 768px) {
-          #search .search-results .mini-post header {
-            display: flex;
-            align-items: baseline; }
-            #search .search-results .mini-post header h2 {
-              flex-grow: 1; } }
-      #search .search-results .mini-post main {
-        padding: 0 1.25em .1em; }
 
 #lang-menu.flyout-menu {
   right: -177px;
@@ -1194,7 +926,7 @@ Theme Grid
   #lang-menu.flyout-menu a {
     border-left: 0; }
   #lang-menu.flyout-menu .link {
-    border-bottom: dotted 1px rgba(160, 160, 160, 0.3);
+    border-bottom: 1px dotted rgba(161, 161, 161, 0.7);
     display: block; }
   #lang-menu.flyout-menu .no-lang {
     cursor: not-allowed;
@@ -1203,6 +935,9 @@ Theme Grid
       box-shadow: none; }
 
 #share-menu {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -1227,9 +962,12 @@ Theme Grid
       #share-menu.flyout-menu .share-btn i {
         font-size: 1.5em; }
 
-/* Intro */
 #site-intro {
+  grid-area: intro;
   align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   flex-direction: column;
   margin-top: 0.5em;
@@ -1248,138 +986,77 @@ Theme Grid
     line-height: 2.5;
     margin-bottom: 0;
     text-transform: uppercase; }
-  #site-intro.hidden-single-column {
-    display: none; }
-    @media (min-width: 1024px) {
-      #site-intro.hidden-single-column {
-        display: flex; } }
-/* Sidebar */
-#site-sidebar header h1 {
-  font-size: 1em; }
-
-#site-sidebar > * {
-  border-top: solid 1px rgba(160, 160, 160, 0.3);
-  margin: 3em 2em 0 2em;
-  padding-top: 3em; }
-
-@media (min-width: 1024px) {
-  #site-sidebar > *:first-child {
-    margin-top: 0; } }
 
-#site-sidebar footer {
-  margin: auto;
-  width: max-content; }
+#site-sidebar {
+  grid-area: sidebar; }
+  #site-sidebar header h1 {
+    font-size: 1em; }
+  #site-sidebar > * {
+    border-top: 1px solid rgba(161, 161, 161, 0.3);
+    margin: 3em 2em 0 2em;
+    padding-top: 3em; }
+  @media (min-width: 1024px) {
+    #site-sidebar > *:first-child {
+      margin-top: 0; } }
+  #site-sidebar ul {
+    font-family: "Raleway", Helvetica, sans-serif;
+    font-size: 0.9em;
+    letter-spacing: 0.25em;
+    line-height: 1.65;
+    text-transform: uppercase;
+    list-style: none;
+    padding: 0; }
+  #site-sidebar footer {
+    margin: auto;
+    width: max-content; }
 
 #recent-posts {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between; }
   #recent-posts > header {
+    -webkit-box-flex: 1;
+    -ms-flex: 1 1 100%;
+    -webkit-flex: 1 1 100%;
     flex: 1 1 100%; }
 
-.mini-post {
-  background: #ffffff;
-  border: solid 1px rgba(160, 160, 160, 0.3);
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1em;
-  width: 100%; }
-  @media (min-width: 768px) {
-    .mini-post {
-      width: 49%; } }
-  @media (min-width: 1024px) {
-    .mini-post {
-      width: 100%; } }
-  .mini-post header {
-    min-height: 4em;
-    padding: 1.25em 1.25em 0.1em 1.25em;
-    position: relative; }
-    @media (min-width: 768px) {
-      .mini-post header {
-        border-top: solid 1px rgba(160, 160, 160, 0.3); } }
-    @media (min-width: 1024px) {
-      .mini-post header {
-        border: 0; } }
-    .mini-post header h2 {
-      font-size: 0.7em; }
-    .mini-post header .published {
-      display: block;
-      font-family: "Raleway", Helvetica, sans-serif;
-      font-size: 0.6em;
-      font-weight: 400;
-      letter-spacing: 0.25em;
-      margin: -0.625em 0 1.7em 0;
-      text-transform: uppercase; }
-    .mini-post header .author,
-    .mini-post header .format {
-      position: absolute;
-      right: 2em;
-      top: 2em; }
-  .mini-post section {
-    flex-grow: 1;
-    overflow: hidden; }
-    .mini-post section .image:hover img {
-      -moz-transform: scale(1.05);
-      -webkit-transform: scale(1.05);
-      -ms-transform: scale(1.05);
-      transform: scale(1.05); }
-    .mini-post section .image img {
-      display: block;
-      height: 100%;
-      margin: 0;
-      -moz-transition: -moz-transform 0.2s ease-out;
-      -webkit-transition: -webkit-transform 0.2s ease-out;
-      -ms-transition: -ms-transform 0.2s ease-out;
-      transition: transform 0.2s ease-out;
-      width: 100%; }
-
-#categories .count {
-  float: right; }
-
 #mini-bio p {
   opacity: 0.65;
   font-size: 0.9em;
   padding: 0; }
 
+#site-main {
+  grid-area: main; }
+
 #site-footer {
-  border-top: solid 1px rgba(160, 160, 160, 0.3);
-  margin: 3em 2em 0 2em;
+  grid-area: footer;
+  border-top: 1px solid rgba(161, 161, 161, 0.3);
+  margin: 3em 2em;
   padding-top: 3em; }
-  #site-footer .copyright {
-    color: #aaaaaa;
-    font-family: "Raleway", Helvetica, sans-serif;
-    font-size: 0.5em;
-    font-weight: 400;
-    letter-spacing: 0.25em;
-    text-align: center;
-    text-transform: uppercase; }
 
 #back-to-top {
   bottom: 15px;
-  color: #aaaaaa;
+  color: #ababab;
   display: none;
   position: fixed;
   right: 15px;
-  border: 0; }
-
-.socnet-icons {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding-left: 0; }
-  .socnet-icons li {
-    margin: 0 0.5em;
-    min-width: 20px;
-    list-style-type: none; }
-    .socnet-icons li a {
-      opacity: 0.6;
-      border: none; }
+  border: 0;
+  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; }
+  #back-to-top:hover {
+    color: #2eb8ac !important;
+    transform: translateY(-10px); }
 
 #socnet-share {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  margin: 1em 1em 0 1em; }
+  margin: 1em 1em 0 0; }
   @media (min-width: 768px) {
     #socnet-share {
       justify-content: flex-start; } }
@@ -1395,116 +1072,460 @@ Theme Grid
   #socnet-share p {
     display: none; }
 
+#wrapper {
+  display: -ms-grid;
+  display: grid;
+  grid-template-areas: "intro" "main" "sidebar" "footer";
+  grid-template-rows: auto 1fr auto auto;
+  margin: 0 auto;
+  max-width: 90em;
+  min-height: 100vh;
+  transition: opacity 0.35s ease-in-out; }
+  @media (min-width: 1024px) {
+    #wrapper {
+      grid-template-areas: "intro main" "sidebar main" "footer main" "blank main";
+      grid-template-columns: 22em 1fr;
+      grid-template-rows: auto auto auto 1fr;
+      padding: 0 2.5em; } }
+  #wrapper.overlay {
+    opacity: 0.25; }
+
 /* ==========================================================================
-Helper classes
-========================================================================== */
-/*
-* Hide visually and from screen readers
+   Add-Ons
+   ========================================================================== */
+/* reCaptcha */
+.g-recaptcha {
+  -webkit-transform: scale(0.955);
+  -ms-transform: scale(0.955);
+  transform: scale(0.955);
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+  margin: -0.25em 0 0.25em 0;
+  width: 0; }
+
+/* Staticman Comments - Form */
+.new-comment.loading {
+  opacity: 0.5; }
+
+.new-comment .reply-notice .comment-avatar {
+  width: 2em;
+  height: 2em;
+  margin: 0 0.6em; }
+
+.new-comment .reply-notice .reply-close-btn {
+  padding: unset;
+  border: none;
+  vertical-align: top;
+  font-size: 1em;
+  line-height: 0;
+  height: 0; }
+  .new-comment .reply-notice .reply-close-btn:hover {
+    border: none; }
+
+.new-comment .reply-notice .reply-name {
+  vertical-align: middle; }
+  .new-comment .reply-notice .reply-name::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f3e5";
+    margin-right: .5em;
+    width: 20px; }
+
+.submit-success {
+  border: 1px solid #2eb8ac;
+  background: rgba(46, 184, 172, 0.25); }
+
+.submit-failed {
+  border: 1px solid #b82e6e;
+  background: rgba(184, 46, 110, 0.25); }
+
+/* Staticman Comments - Content */
+.comment header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  background: #ededed;
+  align-items: center;
+  border-radius: 50px 0 0 50px; }
+  @media (min-width: 375px) {
+    .comment header {
+      border-radius: 0; } }
+.comment.comment-reply {
+  margin-left: 1.875em; }
+  @media (min-width: 375px) {
+    .comment.comment-reply {
+      margin-left: 3.75em; } }
+.comment div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  align-items: center; }
+  @media (min-width: 375px) {
+    .comment div {
+      flex-direction: row; } }
+  .comment div .comment-author-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center; }
+    @media (min-width: 375px) {
+      .comment div .comment-author-container {
+        align-items: flex-start;
+        flex-grow: 1; } }
+    @media (min-width: 768px) {
+      .comment div .comment-author-container {
+        flex-direction: row;
+        align-items: center; } }
+.comment-avatar {
+  margin: 0 0 0 1em;
+  width: 3.75em;
+  height: 3.75em;
+  flex-grow: 0; }
+  @media (min-width: 375px) {
+    .comment-avatar {
+      margin: 0 .5em 0 0; }
+      .comment-avatar.circle {
+        -webkit-clip-path: none;
+        clip-path: none; } }
+.comment-author {
+  font-size: 0.9em;
+  margin: 0; }
+  @media (min-width: 768px) {
+    .comment-author {
+      margin-right: .5em;
+      padding-right: .5em;
+      border-right: 1px solid rgba(161, 161, 161, 0.3); } }
+.comment-reply-btn {
+  border: 0; }
+  .comment-reply-btn::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f3e5";
+    margin-right: .5em;
+    width: 20px; }
+  @media (min-width: 375px) {
+    .comment-reply-btn {
+      margin-right: 1.5em; } }
+.comment-content {
+  margin: 1em; }
+
+/* TODO: Assess Value
+  .reply-target {
+    font-size: 0.9em;
+    border: 0;
+    &::before {
+      font-family: $fa-free-font;
+      font-weight: 900;
+      content: "\f3e5";
+      margin-right: .5em;
+      width: 20px;
+    }
+  }
 */
-.hidden {
+/* Image Masks */
+.triangle {
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
+  clip-path: polygon(0 100%, 100% 100%, 50% 0); }
+
+.trapezoid {
+  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
+  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); }
+
+.parallelogram {
+  -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
+  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); }
+
+.rhombus {
+  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
+
+.pentagon {
+  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
+  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); }
+
+.hexagon {
+  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
+  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
+
+.heptagon {
+  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
+  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); }
+
+.octagon {
+  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
+  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); }
+
+.nonagon {
+  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
+  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); }
+
+.decagon {
+  -webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
+  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); }
+
+.bevel {
+  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
+  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); }
+
+.rabbet {
+  -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
+  clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%); }
+
+.left-arrow {
+  -webkit-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
+  clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); }
+
+.right-arrow {
+  -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
+  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); }
+
+.left-point {
+  -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
+  clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%); }
+
+.right-point {
+  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
+  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); }
+
+.left-cheveron {
+  -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
+  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }
+
+.right-cheveron {
+  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
+  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
+
+.star {
+  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
+  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
+
+.cross {
+  -webkit-clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
+  clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%); }
+
+.message {
+  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
+  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); }
+
+.close {
+  -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
+  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); }
+
+.circle {
+  -webkit-clip-path: circle(50% at 50% 50%);
+  clip-path: circle(50% at 50% 50%); }
+
+.vertical-ellipse {
+  -webkit-clip-path: ellipse(25% 40% at 50% 50%);
+  clip-path: ellipse(25% 40% at 50% 50%); }
+
+.horizontal-ellipse {
+  -webkit-clip-path: ellipse(40% 25% at 50% 50%);
+  clip-path: ellipse(40% 25% at 50% 50%); }
+
+/* Share Button */
+.share-btn {
+  font-size: 1.5em;
+  border-radius: 4px;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  letter-spacing: 0;
+  color: white;
+  text-align: center;
+  transition: background-color 0.2s ease-in-out; }
+  .share-btn:active {
+    position: relative;
+    top: 2px;
+    box-shadow: none;
+    color: #e6e6e6; }
+  .share-btn:hover {
+    color: white; }
+
+/* Share Branding */
+.twitter {
+  background-color: #00acf0; }
+  .twitter:hover {
+    background-color: #0087bd; }
+  .twitter::before {
+    font-family: "Font Awesome 5 Brands";
+    content: ""; }
+
+.facebook {
+  background-color: #3b5897; }
+  .facebook:hover {
+    background-color: #2c4272; }
+  .facebook::before {
+    font-family: "Font Awesome 5 Brands";
+    content: ""; }
+
+.linkedin {
+  background-color: #0074b3; }
+  .linkedin:hover {
+    background-color: #005380; }
+  .linkedin::before {
+    font-family: "Font Awesome 5 Brands";
+    content: ""; }
+
+.pinterest {
+  background-color: #c7232b; }
+  .pinterest:hover {
+    background-color: #9c1c22; }
+  .pinterest::before {
+    font-family: "Font Awesome 5 Brands";
+    content: ""; }
+
+.reddit {
+  background-color: #ff5500; }
+  .reddit:hover {
+    background-color: #cc4400; }
+  .reddit::before {
+    font-family: "Font Awesome 5 Brands";
+    content: ""; }
+
+.email {
+  background-color: #454545;
+  font-weight: 900; }
+  .email:hover {
+    background-color: #2b2b2b; }
+  .email::before {
+    font-family: "Font Awesome 5 Free";
+    content: ""; }
+
+/* Hide Single Column */
+.hidden-single-column {
+  display: none; }
+  @media (min-width: 768px) {
+    .hidden-single-column {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: -webkit-flex;
+      display: flex; } }
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+/*
+ * Hide visually and from screen readers
+ */
+.hidden,
+[hidden] {
   display: none !important; }
 
 /*
-* Hide only visually, but have it available for screen readers:
-* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-*
-* 1. For long content, line feeds are not interpreted as spaces and small width
-*    causes content to wrap 1 word per line:
-*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-*/
-.visuallyhidden {
+ * Hide only visually, but have it available for screen readers:
+ * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+ *
+ * 1. For long content, line feeds are not interpreted as spaces and small width
+ *    causes content to wrap 1 word per line:
+ *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
+ */
+.sr-only {
   border: 0;
-  clip: rect(0 0 0 0);
+  clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
-  width: 1px;
   white-space: nowrap;
+  width: 1px;
   /* 1 */ }
 
 /*
-* Extends the .visuallyhidden class to allow the element
-* to be focusable when navigated to via the keyboard:
-* https://www.drupal.org/node/897638
-*/
-.visuallyhidden.focusable:active,
-.visuallyhidden.focusable:focus {
+ * Extends the .sr-only class to allow the element
+ * to be focusable when navigated to via the keyboard:
+ * https://www.drupal.org/node/897638
+ */
+.sr-only.focusable:active,
+.sr-only.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
-  width: auto;
-  white-space: inherit; }
+  white-space: inherit;
+  width: auto; }
 
 /*
-* Hide visually and from screen readers, but maintain layout
-*/
+ * Hide visually and from screen readers, but maintain layout
+ */
 .invisible {
   visibility: hidden; }
 
 /*
-* Clearfix: contain floats
-*
-* For modern browsers
-* 1. The space content is one way to avoid an Opera bug when the
-*    `contenteditable` attribute is included anywhere else in the document.
-*    Otherwise it causes space to appear at the top and bottom of elements
-*    that receive the `clearfix` class.
-* 2. The use of `table` rather than `block` is only necessary if using
-*    `:before` to contain the top-margins of child elements.
-*/
-.clearfix:before,
-.clearfix:after {
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    `contenteditable` attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+.clearfix::before,
+.clearfix::after {
   content: " ";
-  /* 1 */
-  display: table;
-  /* 2 */ }
+  display: table; }
 
-.clearfix:after {
+.clearfix::after {
   clear: both; }
 
 /* ==========================================================================
-Print styles.
-Inlined to avoid the additional HTTP request:
-https://www.phpied.com/delay-loading-your-print-css/
-========================================================================== */
+   EXAMPLE Media Queries for Responsive Design.
+   These examples override the primary ('mobile first') styles.
+   Modify as content requires.
+   ========================================================================== */
+@media only screen and (min-width: 35em) {
+  /* Style adjustments for viewports that meet the condition */ }
+
+@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
+  /* Style adjustments for high resolution devices */ }
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid the additional HTTP request:
+   https://www.phpied.com/delay-loading-your-print-css/
+   ========================================================================== */
 @media print {
   *,
-  *:before,
-  *:after {
-    background: transparent !important;
-    color: #000 !important;
+  *::before,
+  *::after {
+    background: white !important;
+    color: black !important;
     /* Black prints faster */
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important; }
   a,
   a:visited {
     text-decoration: underline; }
-  a[href]:after {
+  a[href]::after {
     content: " (" attr(href) ")"; }
-  abbr[title]:after {
+  abbr[title]::after {
     content: " (" attr(title) ")"; }
   /*
-* Don't show links that are fragment identifiers,
-* or use the `javascript:` pseudo protocol
-*/
-  a[href^="#"]:after,
-  a[href^="javascript:"]:after {
+   * Don't show links that are fragment identifiers,
+   * or use the `javascript:` pseudo protocol
+   */
+  a[href^="#"]::after,
+  a[href^="javascript:"]::after {
     content: ""; }
   pre {
     white-space: pre-wrap !important; }
   pre,
   blockquote {
-    border: 1px solid #999;
+    border: 1px solid rgba(161, 161, 161, 0.3);
     page-break-inside: avoid; }
   /*
-* Printing Tables:
-* http://css-discuss.incutio.com/wiki/Printing_Tables
-*/
+   * Printing Tables:
+   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
+   */
   thead {
     display: table-header-group; }
   tr,
diff --git a/exampleSite/static/img/2014/04/pic01.jpg b/exampleSite/static/img/2014/04/pic01.jpg
deleted file mode 100644
index 692fb88..0000000
--- a/exampleSite/static/img/2014/04/pic01.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/2014/04/pic02.jpg b/exampleSite/static/img/2014/04/pic02.jpg
deleted file mode 100644
index 385722d..0000000
--- a/exampleSite/static/img/2014/04/pic02.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/2014/09/pic03.jpg b/exampleSite/static/img/2014/09/pic03.jpg
deleted file mode 100644
index 3bd5296..0000000
--- a/exampleSite/static/img/2014/09/pic03.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/2017/08/pic04.jpg b/exampleSite/static/img/2017/08/pic04.jpg
deleted file mode 100644
index 0643a5c..0000000
--- a/exampleSite/static/img/2017/08/pic04.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/2019/03/pic01.jpg b/exampleSite/static/img/2019/03/pic01.jpg
new file mode 100644
index 0000000..8142c01
--- /dev/null
+++ b/exampleSite/static/img/2019/03/pic01.jpg
diff --git a/exampleSite/static/img/2019/03/pic02.jpg b/exampleSite/static/img/2019/03/pic02.jpg
new file mode 100644
index 0000000..57f5b31
--- /dev/null
+++ b/exampleSite/static/img/2019/03/pic02.jpg
diff --git a/exampleSite/static/img/2019/03/pic03.jpg b/exampleSite/static/img/2019/03/pic03.jpg
new file mode 100644
index 0000000..8f19b3a
--- /dev/null
+++ b/exampleSite/static/img/2019/03/pic03.jpg
diff --git a/exampleSite/static/img/main/logo.jpg b/exampleSite/static/img/main/logo.jpg
index 060c3c4..6555625 100644
--- a/exampleSite/static/img/main/logo.jpg
+++ b/exampleSite/static/img/main/logo.jpg
diff --git a/i18n/de.toml b/i18n/de.toml
index 9acf4b0..61647cd 100644
--- a/i18n/de.toml
+++ b/i18n/de.toml
@@ -1,48 +1,82 @@
+# Format
 [date_format]
   other = "02.01.2006"
-[postreadingtime]
-  one = "1 Minute"
-  other = "{{ .Count }} Minuten"
+
+# Sidebar
 [recent_posts]
   other = "Letzte Artikel"
 [see_more]
-  other = "Mehr erfahren"
-[read_more]
-  other = "Weiterlesen"
+  other = "Mehr Erfahren"
+[learn_more]
+  other = "Mehr Erfahren"
+[attribution]
+  other = "Thema: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Ein <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 Port</a> | Unterstützt von: <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "Über Mich"
+[contact]
+  other = "Kontakt"
+[contact_replies]
+  one = "Antworten innerhalb von 1 Stunde."
+  other = "Antworten innerhalb von {{ .Count }} Stunden."
+[blog]
+  other = "Blog"
 [categories]
+  one = "Kategorie"
   other = "Kategorien"
-[category]
-  other = "Kategorie"
 [tags]
-  other = "Tags"
-[tag]
-  other = "Tag"
+  one = "Stichwort"
+  other = "Stichworte"
+[next_page]
+  other = "Nächste Seite"
+[previous_page]
+  other = "Vorherige Seite"
+
+# Post
+[reading_time]
+  other = "{{ .Count }}-Minuten Lessen"
+[read_more]
+  other = "Weiterlesen"
 [share_post]
   other = "Teilen"
 [check_out]
   other = "Schauen Sie sich diesen Beitrag von an"
-[about]
-  other = "Über mich"
-[learn_more]
-  other = "Mehr erfahren"
-[repliestext]
-  one = "Antworten innerhalb von 1 Stunde."
-  other = "Antworten innerhalb von {{ .Count }} Stunden."
+[say_something]
+  other = "Sag Etwas"
+[comments]
+  other = "Bemerkungen"
+[nothing_yet]
+  other = "Noch nichts."
+[reply]
+  other = "Antworten"
+[error_msg]
+  other = "Entschuldigung, bei Ihrer Einreichung ist ein Fehler aufgetreten. Bitte stellen Sie sicher, dass alle erforderlichen Felder ausgefüllt wurden, und versuchen Sie es erneut."
+[success_msg]
+  other = "Vielen Dank für Ihren Kommentar! Es wird auf der Website angezeigt, sobald es genehmigt wurde."
+
+# Form
+[form_name]
+  other = "Dein Name"
+[form_email]
+  other = "Deine E-Mail"
+[form_website]
+  other = "Deine Website"
+[form_subject]
+  other = "Dein Fach"
+[form_body]
+  other = "Deine Nachricht"
+[reset]
+  other = "Zurücksetzen"
+[submitted]
+  other = "Eingereicht"
 [submit]
   other = "Senden"
+
+# 404
 [404_pagenotfound]
   other = "Seite nicht gefunden"
 [404_sorry]
   other = "Entschuldigung, die Seite, die Sie suchen, ist leider nicht gibt."
-[404_goback]
+[404_back]
   other = "Gehe zurück"
-[blog]
-  other = "Blog"
-[contact]
-  other = "Kontakt"
-[next_page]
-  other = "Nächste Seite"
-[previous_page]
-  other = "Vorherige Seite"
-[attribution]
-  other = "Thema : <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Ein <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 Port</a> | Unterstützt von: <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
diff --git a/i18n/en.toml b/i18n/en.toml
index 32c09c4..c5e9715 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -1,74 +1,82 @@
+# Format
 [date_format]
   other = "January 2, 2006"
-[postreadingtime]
-  one = "1 minute read"
-  other = "{{ .Count }} minute read"
+
+# Sidebar
 [recent_posts]
-  other = "Recent posts"
+  other = "Recent Posts"
 [see_more]
-  other = "See more"
-[read_more]
-  other = "Read more"
-[categories]
-  other = "Categories"
-[category]
-  other = "Category"
-[tags]
-  other = "Tags"
-[tag]
-  other = "Tag"
-[share_post]
-  other = "Share this post"
-[check_out]
-  other = "Check out this post by"
-[about]
-  other = "About"
+  other = "See More"
 [learn_more]
   other = "Learn More"
-[repliestext]
+[attribution]
+  other = "Theme: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>A <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP port</a> | Powered by <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "About"
+[contact]
+  other = "Contact"
+[contact_replies]
   one = "Replies typically within 1 hour."
   other = "Replies typically within {{ .Count }} hours."
-[submit]
-  other = "Submit"
-[404_pagenotfound]
-  other = "Page Not Found"
-[404_sorry]
-  other = "Sorry, but the page you were trying to view does not exist."
-[404_goback]
-  other = "Go Back"
 [blog]
   other = "Blog"
-[contact]
-  other = "Contact"
+[categories]
+  one = "Category"
+  other = "Categories"
+[tags]
+  one = "Tag"
+  other = "Tags"
 [next_page]
   other = "Next Page"
 [previous_page]
   other = "Previous Page"
-[attribution]
-  other = "Theme: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>A <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP port</a> | Powered by <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Post
+[reading_time]
+  other = "{{ .Count }}-Minute Read"
+[read_more]
+  other = "Read More"
+[share_post]
+  other = "Share This Post"
+[check_out]
+  other = "Check out this post by"
+[say_something]
+  other = "Say Something"
 [comments]
   other = "Comments"
-[say_sth]
-  other = "Say something"
-[name]
-  other = "Your name (Required)"
-[email]
-  other = "Your email address (Required for Gravatar)"
-[website]
-  other = "Your website"
-[body]
-  other = "Your message. Feel free to use Markdown (Google 'Markdown Cheat Sheet')."
-[no_comment]
+[nothing_yet]
   other = "Nothing yet."
 [reply]
   other = "Reply"
-[btn_reset]
-  other = "Reset"
-[btn_submitted]
-  other = "Submitted"
-[btn_sumbit]
-  other = "Submit"
 [error_msg]
-  other = "Sorry, there was an error with your submission.  Please make sure all required fields have been completed and try again."
+  other = "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
 [success_msg]
   other = "Thanks for your comment! It will be shown on the site once it has been approved."
+
+# Form
+[form_name]
+  other = "Your Name"
+[form_email]
+  other = "Your Email"
+[form_website]
+  other = "Your Website"
+[form_subject]
+  other = "Your Subject"
+[form_body]
+  other = "Your Message"
+[reset]
+  other = "Reset"
+[submitted]
+  other = "Submitted"
+[submit]
+  other = "Submit"
+
+# 404
+[404_pagenotfound]
+  other = "Page Not Found"
+[404_sorry]
+  other = "Sorry, but the page you were trying to view does not exist."
+[404_back]
+  other = "Go Back"
diff --git a/i18n/es.toml b/i18n/es.toml
index 5309c39..aa01340 100644
--- a/i18n/es.toml
+++ b/i18n/es.toml
@@ -1,74 +1,83 @@
+# Format
 [date_format]
   other = "2 de Enero, 2006"
-[postreadingtime]
-  one = "1 minuto"
-  other = "{{ .Count }} minutos"
+
+# Sidebar
 [recent_posts]
-  other = "Posts recientes"
+  other = "Posts Recientes"
 [see_more]
-  other = "Ver más"
-[read_more]
-  other = "Leer más"
-[categories]
-  other = "Categorías"
-[category]
-  other = "Categoría"
-[tags]
-  other = "Tags"
-[tag]
-  other = "Tag"
-[share_post]
-  other = "Compartir post"
-[check_out]
-  other = "Mira esta publicación por"
+  other = "Ver Más"
+[learn_more]
+  other = "Aprende Más"
+[attribution]
+  other = "Tema: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Adaptado de <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Impulsado por <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
 [about]
   other = "Sobre"
-[learn_more]
-  other = "Saber más"
-[repliestext]
+[contact]
+  other = "Contacto"
+[contact_replies]
   one = "Responde normalmente en 1 hora."
   other = "Responde normalmente en {{ .Count }} horas."
-[submit]
-  other = "Enviar"
-[404_pagenotfound]
-  other = "Página No Encontrada"
-[404_sorry]
-  other = "Lo sentimos, la página que estás buscando no existe."
-[404_goback]
-  other = "Volver"
 [blog]
   other = "Blog"
-[contact]
-  other = "Contacto"
+[categories]
+  one = "Categoría"
+  other = "Categorías"
+[tags]
+  one = "Etiqueta"
+  other = "Etiquetas"
 [next_page]
-  other = "Página siguiente"
+  other = "Página Siguiente"
 [previous_page]
-  other = "Página anterior"
-[attribution]
-  other = "Tema: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Adaptado de <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Impulsado por <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+  other = "Página Anterior"
+
+# Post
+[reading_time]
+  one = "Lectura De 1 Minuto"
+  other = "Lectura De {{ .Count }} Minutos"
+[read_more]
+  other = "Lee Mas"
+[share_post]
+  other = "Compartir Esta Publicacion"
+[check_out]
+  other = "Mira esta publicación por"
+[say_something]
+  other = "Di Algo"
 [comments]
   other = "Comentarios"
-[say_sth]
-  other = "Di algo"
-[name]
-  other = "Tu nombre (requeridos)"
-[email]
-  other = "Tu correo electrónico (requeridos para Gravatar)"
-[website]
-  other = "Tu sitio web"
-[body]
-  other = "Tu mensaje.  Siéntase libre de usar Markdown. (Buscar 'hoja de trucos Markdown')"
-[no_comment]
-  other = "Nada aún`"
+[nothing_yet]
+  other = "Nada aún."
 [reply]
   other = "Responder"
-[btn_reset]
-  other = "Reiniciar"
-[btn_submitted]
-  other = "Enviado"
-[btn_sumbit]
-  other = "Enviar"
 [error_msg]
   other = "Lo sentimos, ha ocurrido un error al enviar su comentario. Por favor asegurese que todos los campos han sido diligenciados e intente de nuevo."
 [success_msg]
   other = "Gracias por su comentario!, Este se visualizará en el sitio una vez haya sido aprobado."
+
+# Form
+[form_name]
+  other = "Tu Nombre"
+[form_email]
+  other = "Tu Correo Electrónico"
+[form_website]
+  other = "Su Página Web"
+[form_subject]
+  other = "Tu Asunto"
+[form_body]
+  other = "Tu Mensaje"
+[reset]
+  other = "Reiniciar"
+[submitted]
+  other = "Enviado"
+[submit]
+  other = "Enviar"
+
+# 404
+[404_pagenotfound]
+  other = "Página No Encontrada"
+[404_sorry]
+  other = "Lo sentimos, la página que estás buscando no existe."
+[404_back]
+  other = "Volver"
diff --git a/i18n/fr.toml b/i18n/fr.toml
index c338643..6c7fe29 100644
--- a/i18n/fr.toml
+++ b/i18n/fr.toml
@@ -1,74 +1,83 @@
+# Format
 [date_format]
   other = "02-01-2006"
-[postreadingtime]
-  one = "1 minute"
-  other = "{{ .Count }} minutes"
+
+# Sidebar
 [recent_posts]
-  other = "Posts récents"
+  other = "Posts Récents"
 [see_more]
-  other = "Voir plus"
-[read_more]
-  other = "Lire la suite"
-[categories]
-  other = "Catégories"
-[category]
-  other = "Catégorie"
-[tags]
-  other = "Tags"
-[tag]
-  other = "Tag"
-[share_post]
-  other = "Partager ce post"
-[check_out]
-  other = "Découvrez ce post par"
-[about]
-  other = "A propos"
+  other = "Voir Plus"
 [learn_more]
-  other = "En savoir plus"
-[repliestext]
+  other = "Apprendre Encore Plus"
+[attribution]
+  other = "Thème : <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Un <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>portage de HTML5 UP</a> | Propulsé par <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "A Propos"
+[contact]
+  other = "Contact"
+[contact_replies]
   one = "Réponse généralement en 1 heure."
   other = "Réponse généralement en {{ .Count }} heures."
-[submit]
-  other = "Envoyer"
-[404_pagenotfound]
-  other = "Page Non Trouvée"
-[404_sorry]
-  other = "Désolé, la page que vous cherchez n'existe pas."
-[404_goback]
-  other = "Retourner"
 [blog]
   other = "Blog"
-[contact]
-  other = "Contact"
+[categories]
+  one = "Catégorie"
+  other = "Catégories"
+[tags]
+  one = "Étiquette"
+  other = "Étiquettes"
 [next_page]
-  other = "Page suivante"
+  other = "Page Suivante"
 [previous_page]
-  other = "Page précédente"
-[attribution]
-  other = "Thème : <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Un <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>portage de HTML5 UP</a> | Propulsé par <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+  other = "Page Précédente"
+
+# Post
+[reading_time]
+  one = "Lecture d'une Minute"
+  other = "Lecture de {{ .Count }} Minutes"
+[read_more]
+  other = "Lire La Suite"
+[share_post]
+  other = "Partager Ce Post"
+[check_out]
+  other = "Découvrez ce post par"
+[say_something]
+  other = "Dire Quelques Choses"
 [comments]
   other = "Commentaires"
-[say_sth]
-  other = "Dire quelques choses"
-[name]
-  other = "Votre nom (requis)"
-[email]
-  other = "Votre site Web"
-[website]
-  other = "Votre adresse mail (requis pour Gravatar)"
-[body]
-  other = "Votre message.  N'hésiter pas à utiliser Markdown (Rechercher 'aide-mémoire Markdown')."
-[no_comment]
+[nothing_yet]
   other = "Rien pour le moment."
 [reply]
   other = "Répondre"
-[btn_reset]
-  other = "Effacer"
-[btn_submitted]
-  other = "Envoyé"
-[btn_sumbit]
-  other = "Envoyer"
 [error_msg]
   other = "Désolé, une erreur s'est produite. Veuillez remplir tous les champs obligatoires et réessayer."
 [success_msg]
   other = "Merci de votre commentaire, il s'affichera sur le site une fois approuvé."
+
+# Form
+[form_name]
+  other = "Votre Nom"
+[form_email]
+  other = "Votre Adresse Mail"
+[form_website]
+  other = "Votre Site Web"
+[form_subject]
+  other = "Votre Sujet"
+[form_body]
+  other = "Votre Message"
+[reset]
+  other = "Effacer"
+[submitted]
+  other = "Envoyé"
+[submit]
+  other = "Envoyer"
+
+# 404
+[404_pagenotfound]
+  other = "Page Non Trouvée"
+[404_sorry]
+  other = "Désolé, la page que vous cherchez n'existe pas."
+[404_back]
+  other = "Retourner"
diff --git a/i18n/id.toml b/i18n/id.toml
new file mode 100644
index 0000000..4ec1d51
--- /dev/null
+++ b/i18n/id.toml
@@ -0,0 +1,82 @@
+# Format
+[date_format]
+  other = "2 January 2006"
+
+# Sidebar
+[recent_posts]
+  other = "Posting Terbaru"
+[see_more]
+  other = "Lihat Lebih Lanjut"
+[learn_more]
+  other = "Pelajari Lebih Lanjut"
+[attribution]
+  other = "Tema: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>A <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP port</a> | Diberdayakan oleh <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "Tentang"
+[contact]
+  other = "Kontak"
+[contact_replies]
+  one = "Biasanya dibalas dalam 1 jam."
+  other = "Biasanya dibalas dalam {{ .Count }} jam."
+[blog]
+  other = "Blog"
+[categories]
+  one = "Kategori"
+  other = "Kategori"
+[tags]
+  one = "Tag"
+  other = "Tag"
+[next_page]
+  other = "Halaman Selanjutnya"
+[previous_page]
+  other = "Halaman Sebelumnya"
+
+# Post
+[reading_time]
+  other = "Dibaca {{ .Count }}-menit"
+[read_more]
+  other = "Baca Lebih Lanjut"
+[share_post]
+  other = "Bagikan posting ini"
+[check_out]
+  other = "Posting ini dibuat oleh"
+[say_something]
+  other = "Ucapkan sesuatu"
+[comments]
+  other = "Komentar"
+[nothing_yet]
+  other = "Tidak juga."
+[reply]
+  other = "Balas"
+[error_msg]
+  other = "Maaf, ada masalah pada data yang dimasukkan. Tolong lengkapi semua data pada field yang diperlukan dan silahkan coba lagi."
+[success_msg]
+  other = "Terima kasih atas komentar kamu! Komentar kamu akan ditampilkan di situs ini ketika sudah disetujui."
+
+# Form
+[form_name]
+  other = "Nama Kamu"
+[form_email]
+  other = "Email Kamu"
+[form_website]
+  other = "Website Kamu"
+[form_subject]
+  other = "Subyeknya"
+[form_body]
+  other = "Pesan Kamu"
+[reset]
+  other = "Reset"
+[submitted]
+  other = "Kirimkan"
+[submit]
+  other = "Kirim"
+
+# 404
+[404_pagenotfound]
+  other = "Halaman tidak ditemukan."
+[404_sorry]
+  other = "Maaf, tapi halaman yang kamu coba akses tidak dapat ditampilkan."
+[404_back]
+  other = "Kembali"
diff --git a/i18n/ja.toml b/i18n/ja.toml
index e00ae44..8b439d1 100644
--- a/i18n/ja.toml
+++ b/i18n/ja.toml
@@ -1,74 +1,81 @@
+# Format
 [date_format]
   other = "2006-01-02"
-[postreadingtime]
-  one = "1 分で読めます"
-  other = "{{ .Count }} 分で読めます"
+
+# Sidebar
 [recent_posts]
   other = "最近の投稿"
 [see_more]
   other = "続きを見る"
-[read_more]
-  other = "続きを読む"
-[categories]
-  other = "カテゴリー"
-[category]
-  other = "カテゴリー"
-[tags]
-  other = "タグ"
-[tag]
-  other = "タグ"
-[share_post]
-  other = "この投稿をシェアする"
-[check_out]
-  other = "この投稿をチェックする"
-[about]
-  other = "About"
 [learn_more]
-  other = "もっと知る"
-[repliestext]
+  other = "もっと詳しく知る"
+[attribution]
+  other = "Theme: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>A <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP port</a> | Powered by <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "約"
+[contact]
+  other = "お問い合わせ"
+[contact_replies]
   one = "通常、1 時間以内に返信します。"
   other = "通常、{{ .Count }} 時間以内に返信します。"
-[submit]
-  other = "送信する"
-[404_pagenotfound]
-  other = "ページが見つかりません"
-[404_sorry]
-  other = "申し訳ありません。表示しようとしていたページは存在しません。"
-[404_goback]
-  other = "戻る"
 [blog]
   other = "ブログ"
-[contact]
-  other = "お問い合わせ"
+[categories]
+  other = "カテゴリー"
+[tags]
+  other = "タグ"
 [next_page]
   other = "次のページ"
 [previous_page]
   other = "前のページ"
-[attribution]
-  other = "Theme: <a href='https://github.com/pacollins/hugo-future-imperfect-slim' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>A <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP port</a> | Powered by <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Post
+[reading_time]
+  one = "1 分で読めます"
+  other = "{{ .Count }} 分で読めます"
+[read_more]
+  other = "続きを読む"
+[share_post]
+  other = "この投稿をシェアする"
+[check_out]
+  other = "この投稿をチェックする"
+[say_something]
+  other = "何か言ってください"
 [comments]
   other = "コメント"
-[say_sth]
-  other = "何か言ってください"
-[name]
-  other = "あなたの名前 (必須)"
-[email]
-  other = "あなたのメールアドレス (Gravatar のために必須)"
-[website]
-  other = "あなたのウェブサイト"
-[body]
-  other = "あなたのメッセージ。Markdown を自由に使用してください('Markdown Cheat Sheet' でググってください)。"
-[no_comment]
+[nothing_yet]
   other = "何もありません。"
 [reply]
   other = "返信する"
-[btn_reset]
-  other = "リセット"
-[btn_submitted]
-  other = "送信しました"
-[btn_sumbit]
-  other = "送信する"
 [error_msg]
   other = "申し訳ありません。送信中にエラーが発生しました。必須入力フィールドがすべて入力されていることを確認して、もう一度やりなおしてください。"
 [success_msg]
   other = "コメントありがとうございます！承認されるとサイトに表示されます。"
+
+# Form
+[form_name]
+  other = "あなたの名前"
+[form_email]
+  other = "あなたのメール"
+[form_website]
+  other = "あなたのウェブサイト"
+[form_subject]
+  other = "あなたの主題"
+[form_body]
+  other = "あなたのメッセージ"
+[reset]
+  other = "リセット"
+[submitted]
+  other = "送信しました"
+[submit]
+  other = "送信する"
+
+# 404
+[404_pagenotfound]
+  other = "ページが見つかりません"
+[404_sorry]
+  other = "申し訳ありません。表示しようとしていたページは存在しません。"
+[404_back]
+  other = "戻る"
diff --git a/i18n/pl.toml b/i18n/pl.toml
index 800bf18..7f954cf 100644
--- a/i18n/pl.toml
+++ b/i18n/pl.toml
@@ -1,78 +1,83 @@
+# Format
 [date_format]
   other = "2-1-2006"
-[postreadingtime]
-  one = "1 minuta czytania"
-  few = "{{ .Count }} minuty czytania"
-  many = "{{ .Count }} minuty czytania"
-  other = "{{ .Count }} minuty czytania"
+
+# Sidebar
 [recent_posts]
-  other = "Ostatnie posty"
+  other = "Ostatnie Posty"
 [see_more]
-  other = "Zobacz więcej"
-[read_more]
-  other = "Czytaj więcej"
+  other = "Zobacz Więcej"
+[learn_more]
+  other = "Ucz Się Więcej"
+[attribution]
+  other = "Motyw: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Przyjęty z <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Wspierane przez <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
+[about]
+  other = "O Mnie"
+[contact]
+ other = "Kontakt"
+[contact_replies]
+  one = "Odpowiada zazwyczaj w ciagu 1 godzina."
+  other = "Odpowiada zazwyczaj w ciagu {{ .Count }} godziny."
+[blog]
+  other = "Blog"
 [categories]
+  one = "Kategoria"
   other = "Kategorie"
-[category]
-  other = "Kategoria"
 [tags]
+  one = "Tag"
   other = "Tagi"
-[tag]
-  other = "Tag"
+[next_page]
+ other = "Następna Strona"
+[previous_page]
+   other = "Poprzednia Strona"
+
+# Post
+[reading_time]
+  one = "1 Minuta Czytania"
+  other = "{{ .Count }} Minuty Czytania"
+[read_more]
+  other = "Czytaj Więcej"
 [share_post]
-  other = "Udostępnij ten post"
+  other = "Udostępnij Ten Post"
 [check_out]
   other = "Sprawdź ten post przez"
-[about]
-  other = "O mnie"
-[learn_more]
-  other = "dowiedz się więcej"
-[repliestext]
-  one = "Odpowiada zazwyczaj w ciagu 1 godzina."
-  few = "Odpowiada zazwyczaj w ciagu {{ .Count }} godziny."
-  many = "Odpowiada zazwyczaj w ciagu {{ .Count }} godziny."
-  other = "Odpowiada zazwyczaj w ciagu {{ .Count }} godziny."
-[submit]
-  other = "Prześlij"
-[404_pagenotfound]
-  other = "Nie Znaleziono Strony"
-[404_sorry]
-  other = "Przepraszamy, ale strona, którą próbujesz wyświetlić, nie istnieje."
-[404_goback]
-  other = "Wróć"
-[blog]
- other = "Blog"
-[contact]
- other = "Kontakt"
-[next_page]
- other = "Następna strona"
-[previous_page]
- other = "Poprzednia strona"
-[attribution]
-  other = "Motyw: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>Przyjęty z <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Wspierane przez <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+[say_something]
+  other = "Powiedz Coś"
 [comments]
   other = "Komentarzy"
-[say_sth]
-  other = "Powiedz coś"
-[name]
-  other = "Twoje imię"
-[email]
-  other = "Twój adres email"
-[website]
-  other = "Twoja strona internetowa"
-[body]
-  other = "Twoja wiadomość.  Nie krępuj się użyć Markdown (Szukaj 'ściągawka Markdown.')."
-[no_comment]
-  other = "Jeszcze nic"
+[nothing_yet]
+  other = "Jeszcze nic."
 [reply]
   other = "Odpowiedz"
-[btn_reset]
-  other = "Wyzeruj"
-[btn_submitted]
-  other = "Komentarz dodany"
-[btn_sumbit]
-  other = "Skomentuj"
 [error_msg]
   other = "Niestety wystąpił błąd. Proszę upewnij się, że wszystkie wymagane pola zostały wypełnione i spróbuj ponownie."
 [success_msg]
   other = "Dziękuję za Twój komentarz! Zostanie dodany po akceptacji."
+
+# Form
+[form_name]
+  other = "Twoje Imię"
+[form_email]
+  other = "Twój Email"
+[form_website]
+  other = "Twoja Strona Internetowa"
+[form_subject]
+  other = "Twój Temat"
+[form_body]
+  other = "Twoja Wiadomość"
+[reset]
+  other = "Wyzeruj"
+[submitted]
+  other = "Komentarz dodany"
+[submit]
+  other = "Skomentuj"
+
+# 404
+[404_pagenotfound]
+  other = "Nie Znaleziono Strony"
+[404_sorry]
+  other = "Przepraszamy, ale strona, którą próbujesz wyświetlić, nie istnieje."
+[404_back]
+  other = "Wróć"
diff --git a/i18n/pt.toml b/i18n/pt.toml
index 4306065..3ee20d1 100644
--- a/i18n/pt.toml
+++ b/i18n/pt.toml
@@ -1,78 +1,83 @@
+# Format
 [date_format]
   other = "2 de January, 2006"
-[postreadingtime]
-  one = "1 minuto de leitura"
-  few = "{{ .Count }} minutos de leitura"
-  many = "{{ .Count }} minutos de leitura"
-  other = "{{ .Count }} minutos de leitura"
+
+# Sidebar
 [recent_posts]
-  other = "Posts recentes"
+  other = "Posts Recentes"
 [see_more]
-  other = "Veja mais"
-[read_more]
-  other = "Leia mais"
-[categories]
-  other = "Categorias"
-[category]
-  other = "Categoria"
-[tags]
-  other = "Tags"
-[tag]
-  other = "Tag"
-[share_post]
-  other = "Compartilhe este post"
-[check_out]
-  other = "Confira esta postagem por"
+  other = "Veja Mais"
+[learn_more]
+  other = "Saber Mais"
+[attribution]
+  other = "Tema: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect</a><br>Adaptado de <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Disponibilizado pelo <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+
+# Sections
 [about]
   other = "Sobre"
-[learn_more]
-  other = "Aprenda mais"
-[repliestext]
+[contact]
+  other = "Contato"
+[contact_replies]
   one = "Resposta tipicamente em 1 hora."
-  few = "Resposta tipicamente em {{ .Count }} horas."
-  many = "Resposta tipicamente em {{ .Count }} horas."
   other = "Resposta tipicamente em {{ .Count }} horas."
-[submit]
-  other = "Enviar"
-[404_pagenotfound]
-  other = "Página Não Encontrada"
-[404_sorry]
-  other = "Desculpe, mas a página que você está procurando não existe."
-[404_goback]
-  other = "Voltar"
 [blog]
   other = "Blog"
-[contact]
-  other = "Contato"
+[categories]
+  one = "Categoria"
+  other = "Categorias"
+[tags]
+  one = "Tag"
+  other = "Tags"
 [next_page]
-  other = "Próxima página"
+  other = "Próxima Página"
 [previous_page]
-  other = "Página anterior"
-[attribution]
-  other = "Tema: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect</a><br>Adaptado de <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | Disponibilizado pelo <a href='https://gohugo.io/' title='{{ .Site.Hugo.Version }}' target='_blank' rel='noopener'>Hugo</a>"
+  other = "Página Anterior"
+
+# Post
+[reading_time]
+  one = "1 Minuto De Leitura"
+  other = "{{ .Count }} Minutos De Leitura"
+[read_more]
+  other = "Leia Mais"
+[share_post]
+  other = "Compartilhe Este Post"
+[check_out]
+  other = "Confira esta postagem por"
+[say_something]
+  other = "Diga Algo"
 [comments]
   other = "Comentários"
-[say_sth]
-  other = "Diga algo"
-[name]
-  other = "Seu nome (requeridos)"
-[email]
-  other = "Seu email (requeridos para Gravatar)"
-[website]
-  other = "Seu website"
-[body]
-  other = "Sua mensagem.  Sinta-se livre para usar Markdown. (Buscar 'folha de dicas do Markdown')"
-[no_comment]
-  other = "Nada ainda"
+[nothing_yet]
+  other = "Nada Ainda."
 [reply]
   other = "Responder"
-[btn_reset]
-  other = "Reiniciar"
-[btn_submitted]
-  other = "Enviado"
-[btn_sumbit]
-  other = "Enviar"
 [error_msg]
   other = "Desculpe, ocorreu um erro no envio. Por favor verifique se todos os campos obrigatórios foram preenchidos e tente novamente."
 [success_msg]
   other = "Obrigado pelo seu comentário! Ele aparecerá no site assim que for aprovado."
+
+# Form
+[form_name]
+  other = "Seu nome"
+[form_email]
+  other = "Seu email"
+[form_website]
+  other = "Seu site"
+[form_subject]
+  other = "Seu Assunto"
+[form_body]
+  other = "Sua mensagem"
+[reset]
+  other = "Reiniciar"
+[submitted]
+  other = "Enviado"
+[submit]
+  other = "Enviar"
+
+# 404
+[404_pagenotfound]
+  other = "Página Não Encontrada"
+[404_sorry]
+  other = "Desculpe, mas a página que você está procurando não existe."
+[404_back]
+  other = "Voltar"
diff --git a/i18n/zh-CN.toml b/i18n/zh-CN.toml
index bb1a3df..e6d4668 100644
--- a/i18n/zh-CN.toml
+++ b/i18n/zh-CN.toml
@@ -1,72 +1,79 @@
+# Format
 [date_format]
   other = "January 2, 2006"
-[postreadingtime]
-  other = "{{ .Count }} 分钟"
+
+# Sidebar
 [recent_posts]
   other = "最新文章"
 [see_more]
   other = "查看更多"
-[read_more]
-  other = "阅读全文"
-[categories]
-  other = "分类"
-[category]
-  other = "分类"
-[tags]
-  other = "标签"
-[tag]
-  other = "标签"
-[share_post]
-  other = "分享这篇文章"
-[check_out]
-  other = "查看此帖子的作者"
+[learn_more]
+  other = "学到更多"
+[attribution]
+  other = "主题: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>移植自 <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | 由 <a href='https://gohugo.io/' target='_blank' rel='noopener' title='{{ .Site.Hugo.Version }}'>Hugo</a> 驱动"
+
+# Sections
 [about]
   other = "关于"
-[learn_more]
-  other = "了解更多"
-[repliestext]
+[contact]
+  other = "联络"
+[contact_replies]
   other = "一般回应需时 {{ .Count }} 小时"
-[submit]
-  other = "送出"
-[404_pagenotfound]
-  other = "找不到页面"
-[404_sorry]
-  other = "抱歉，您正在寻找的页面并不存在。"
-[404_goback]
-  other = "回去"
 [blog]
   other = "博客"
-[contact]
-  other = "联络"
+[categories]
+  other = "分类"
+[tags]
+  other = "标签"
 [next_page]
   other = "下页"
 [previous_page]
   other = "上页"
-[attribution]
-  other = "主题: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>移植自 <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | 由 <a href='https://gohugo.io/' target='_blank' rel='noopener' title='{{ .Site.Hugo.Version }}'>Hugo</a> 驱动"
+
+# Post
+[reading_time]
+  other = "{{ .Count }} 分钟"
+[read_more]
+  other = "阅读全文"
+[share_post]
+  other = "分享这篇文章"
+[check_out]
+  other = "查看此帖子的作者"
+[say_something]
+  other = "说些什么"
 [comments]
   other = "评论"
-[say_sth]
-  other = "说些什么"
-[name]
-  other = "您的名字（必填）"
-[email]
-  other = "您的电邮地址（必填，用于 Gravatar 头象）"
-[website]
-  other = "您的网站"
-[body]
-  other = "您的留言。可使用 Markdown。（搜索 'Markdown 語法速查'）"
-[no_comment]
+[nothing_yet]
   other = "还沒有留言。"
 [reply]
   other = "回覆"
-[btn_reset]
-  other = "重设"
-[btn_submitted]
-  other = "已送出"
-[btn_sumbit]
-  other = "送出"
 [error_msg]
   other = "很抱歉，您的提交存在错误。请确保所有必填字段都已填写正确，然后再试一次。"
 [success_msg]
   other = "感谢您的评论！被批准后它会立即在此站点展示。"
+
+# Form
+[form_name]
+  other = "你的名字"
+[form_email]
+  other = "你的邮件"
+[form_website]
+  other = "您的网页"
+[form_subject]
+  other = "你的主题"
+[form_body]
+  other = "你的信息"
+[reset]
+  other = "重设"
+[submitted]
+  other = "已送出"
+[submit]
+  other = "送出"
+
+# 404
+[404_pagenotfound]
+  other = "找不到页面"
+[404_sorry]
+  other = "抱歉，您正在寻找的页面并不存在。"
+[404_back]
+  other = "回去"
diff --git a/i18n/zh-TW.toml b/i18n/zh-TW.toml
index b312556..f4c49fc 100644
--- a/i18n/zh-TW.toml
+++ b/i18n/zh-TW.toml
@@ -1,72 +1,79 @@
+# Format
 [date_format]
   other = "January 2, 2006"
-[postreadingtime]
-  other = "{{ .Count }} 分鐘"
+
+# Sidebar
 [recent_posts]
   other = "最新文章"
 [see_more]
   other = "查看更多"
-[read_more]
-  other = "閱讀全文"
-[categories]
-  other = "分類"
-[category]
-  other = "分類"
-[tags]
-  other = "標籤"
-[tag]
-  other = "標籤"
-[share_post]
-  other = "分享這篇文章"
-[check_out]
-  other = "查看此帖子的作者"
+[learn_more]
+  other = "學到更多"
+[attribution]
+  other = "主題: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>移植自 <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | 由 <a href='https://gohugo.io/' target='_blank' rel='noopener' title='{{ .Site.Hugo.Version }}'>Hugo</a> 提供"
+
+# Sections
 [about]
   other = "關於"
-[learn_more]
-  other = "了解更多"
-[repliestext]
+[contact]
+  other = "聯絡"
+[contact_replies]
   other = "一般回應需等待 {{ .Count }} 小時"
-[submit]
-  other = "送出"
-[404_pagenotfound]
-  other = "找不到頁面"
-[404_sorry]
-  other = "抱歉，您正在尋找的頁面並不存在。"
-[404_goback]
-  other = "回去"
 [blog]
   other = "部落格"
-[contact]
-  other = "聯絡"
+[categories]
+  other = "分類"
+[tags]
+  other = "標籤"
 [next_page]
   other = "下頁"
 [previous_page]
   other = "上頁"
-[attribution]
-  other = "主題: <a href='https://themes.gohugo.io/hugo-future-imperfect-slim/' target='_blank' rel='noopener'>Hugo Future Imperfect Slim</a><br>移植自 <a href='https://html5up.net/future-imperfect' target='_blank' rel='noopener'>HTML5 UP</a> | 由 <a href='https://gohugo.io/' target='_blank' rel='noopener' title='{{ .Site.Hugo.Version }}'>Hugo</a> 提供"
+
+# Post
+[reading_time]
+  other = "{{ .Count }} 分鐘"
+[read_more]
+  other = "閱讀全文"
+[share_post]
+  other = "分享這篇文章"
+[check_out]
+  other = "查看此帖子的作者"
+[say_something]
+  other = "說些甚麼"
 [comments]
   other = "留言"
-[say_sth]
-  other = "說些甚麼"
-[name]
-  other = "您的名字（必填）"
-[email]
-  other = "您的電郵地址（必填，用於 Gravatar 頭像）"
-[website]
-  other = "您的網站"
-[body]
-  other = "您的留言。可使用 Markdown。（搜尋 'Markdown 語法速查'）"
-[no_comment]
+[nothing_yet]
   other = "還未有留言。"
 [reply]
   other = "回覆"
-[btn_reset]
-  other = "重設"
-[btn_submitted]
-  other = "已送出"
-[btn_sumbit]
-  other = "送出"
 [error_msg]
   other = "抱歉，部份資料輸入有問題。請確認資料填寫正確後再試一次。"
 [success_msg]
   other = "感謝您的留言！ 審核後將會顯示在站上。"
+
+# Form
+[form_name]
+  other = "你的名字"
+[form_email]
+  other = "你的郵件"
+[form_website]
+  other = "您的網頁"
+[form_subject]
+  other = "你的主題"
+[form_body]
+  other = "你的信息"
+[reset]
+  other = "重設"
+[submitted]
+  other = "已送出"
+[submit]
+  other = "送出"
+
+# 404
+[404_pagenotfound]
+  other = "找不到頁面"
+[404_sorry]
+  other = "抱歉，您正在尋找的頁面並不存在。"
+[404_back]
+  other = "回去"
diff --git a/layouts/404.html b/layouts/404.html
index fa3530e..1d6ad44 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -10,7 +10,7 @@
   <h1>404</h1>
   <h2>{{ i18n "404_pagenotfound" | safeHTML }}</h2>
   <p>{{ i18n "404_sorry" | safeHTML }}</p>
-  <a href="javascript:history.back()">{{ i18n "404_goback" | safeHTML }}</a>
+  <a href="javascript:history.back()">{{ i18n "404_back" | safeHTML }}</a>
 </body>
 </html>
 <!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ -->
diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index 38c5c57..1f50aa5 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -2,12 +2,7 @@
   <article class="post">
     <header>
       <div class="title">
-        {{ if $.Scratch.Get "h1" }}
-          <h1><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
-          {{ $.Scratch.Set "h1" false }}
-        {{ else }}
-          <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-        {{ end }}
+        <h1><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
         {{ with .Description }}<p>{{ . }}</p>{{ end }}
       </div>
     </header>
diff --git a/layouts/_default/comments.html b/layouts/_default/comments.html
index 60a9bc9..e3d03ba 100644
--- a/layouts/_default/comments.html
+++ b/layouts/_default/comments.html
@@ -1,4 +1,4 @@
-{{ if ne .Site.DisqusShortname "" }}
+{{ if .Site.DisqusShortname }}
   <article class="post">
     {{ template "_internal/disqus.html" . }}
   </article>
@@ -6,6 +6,97 @@
 {{/* Backwards compatibility for deprecated parameter ".Site.Params.staticman.staticman" */}}
 {{ else if or .Site.Params.staticman.enabled .Site.Params.staticman.staticman }}
   <article class="post">
-    {{ .Render "staticman" }}
+    {{/* $entryId stores the transformed current path for sorting Staticman data file */}}
+    {{- $entryId := .File.UniqueID -}}
+    {{/* Additional div wrapper for proper consistent margin */}}
+    <div>
+      <h2 id="say-something">{{ i18n "say_something" }}</h2>
+        <form id="comment-form" class="new-comment" method="POST">
+          {{/* Display reply target */}}
+          <h3 class='reply-notice hidden'>
+            <span class='reply-name'></span>
+          </h3>
+
+          {{/* Hidden fields */}}
+          <input type="hidden" name="options[entryId]" value="{{ $entryId }}">
+          <input type='hidden' name='fields[replyThread]' value=''>
+          <input type='hidden' name='fields[replyID]' value=''>
+          <input type='hidden' name='fields[replyName]' value=''>
+
+          {{/* User input fields */}}
+          <input required name='fields[name]' type='text' placeholder='{{ i18n "form_name" }}'>
+          <input name='fields[website]' type='text' placeholder='{{ i18n "form_website" }}'>
+          <input required name='fields[email]' type='email' placeholder='{{ i18n "form_email" }}'>
+          <textarea required name='fields[body]' placeholder='{{ i18n "form_body" }}' rows='10'></textarea>
+
+          {{/* reCAPTHCA v2 */}}
+          {{ if and .Site.Params.staticman.recaptcha.siteKey .Site.Params.staticman.recaptcha.encryptedKey }}
+          {{ with .Site.Params.staticman.recaptcha }}
+            <input hidden name="options[reCaptcha][siteKey]" value="{{ .sitekey }}">
+            <input hidden name="options[reCaptcha][secret]" value="{{ .encryptedkey }}">
+            <div class="g-recaptcha" data-sitekey="{{ .sitekey }}"></div>
+          {{ end }}
+          {{ end }}
+
+          {{/* Start comment form alert messaging */}}
+          <div class='submit-notice'>
+            <strong class='submit-notice-text submit-success hidden'>{{ i18n "success_msg" }}</strong>
+            <strong class='submit-notice-text submit-failed hidden'>{{ i18n "error_msg" }}</strong>
+          </div>
+
+          {{/* Form buttons */}}
+          <input type='submit' value='{{ i18n "submit" }}' class='button'>
+          <input type='submit' value='{{ i18n "submitted" }}' class='hidden button' disabled>
+          <input type='reset' value='{{ i18n "reset" }}' class='button'>
+        </form>
+    </div>
+
+    {{/* Additional div wrapper for proper consistent margin */}}
+    <div>
+      <h2>{{ i18n "comments" }}</h2>
+
+      {{- if .Site.Data.comments -}}
+        {{/* $comments collects comment files for the current blog entry */}}
+        {{- $comments := index $.Site.Data.comments $entryId -}}
+        {{- if not $comments -}}
+          <p>{{ i18n "nothing_yet" }}</p>
+        {{- else -}}
+          {{- range $comments -}}
+            {{- if not .replyThread -}}
+              {{- $threadID := ._id }}
+              {{- range $comments -}}
+                {{ if or (in ._id $threadID) (in .replyThread $threadID) }}
+                  <div id="{{ ._id }}" class="comment{{ with .replyThread }} comment-reply{{ end }}">
+                    <header>
+                      <img class="comment-avatar circle" src="https://www.gravatar.com/avatar/{{ .email }}?s=100" alt="{{ .name }}'s Gravatar">
+                      <div>
+                        <div class="comment-author-container">
+                          <h3 class="comment-author">
+                            {{- if .website -}}
+                              <a rel="external nofollow" href="{{ .website }}">{{ .name }}</a>
+                            {{- else -}}
+                              {{- .name -}}
+                            {{- end -}}
+                          </h3>
+                          <a class="comment-date" href="#{{ ._id }}" title="Permalink to this comment">
+                            <time datetime="{{ .date }}">{{ dateFormat "02 Jan 06 15:04" .date }}</time>
+                          </a>
+                        </div>
+                        <!-- TODO: Assess Value (ref ln#73): <a href='#{{ .replyID }}' class='reply-target'>{{ .replyName }}</a> -->
+                        <!-- TODO: Assess Value: <span class ="comment-threadID hidden">{{ .replyThread }}</span> -->
+                        <a class="comment-reply-btn" href="#say-something">{{ i18n "reply" }}</a>
+                      </div>
+                    </header>
+                    <div class="comment-content">
+                      {{ .body | markdownify }}
+                    </div>
+                  </div>
+                {{ end }}
+              {{ end }}
+            {{ end }}
+          {{ end }}
+        {{ end }}
+      {{ end }}
+    </div>
   </article>
 {{ end }}
diff --git a/layouts/_default/contact.html b/layouts/_default/contact.html
index b471ead..24fbe60 100644
--- a/layouts/_default/contact.html
+++ b/layouts/_default/contact.html
@@ -2,12 +2,7 @@
   <article class="post">
     <header>
       <div class="title">
-        {{ if $.Scratch.Get "h1" }}
-          <h1><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
-          {{ $.Scratch.Set "h1" false }}
-        {{ else }}
-          <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-        {{ end }}
+        <h1><a href="{{ .RelPermalink }}">{{ i18n "contact" }}</a></h1>
         {{ with .Description }}<p>{{ . }}</p>{{ end }}
       </div>
     </header>
@@ -19,21 +14,21 @@
           {{ else }}
             <form id="contact" action="//{{ .Params.emailService }}" method="post" center width="300px">
           {{ end }}
-          <h4>{{ i18n "repliestext" .Params.contactanswertime }}</h4>
+          <h4>{{ i18n "contact_replies" .Params.contactanswertime }}</h4>
           <fieldset>
-            <input placeholder="{{ with .Params.contactname }}{{ . }}{{ else }}Name{{ end }}" type="text" name="name" tabindex="1" required autofocus>
+            <input placeholder="{{ i18n "form_name" }}" type="text" name="name" tabindex="1" required autofocus>
           </fieldset>
           <fieldset>
-            <input placeholder="{{ with .Params.contactemail }}{{ . }}{{ else }}Email{{ end }}" type="email" name="_replyto" tabindex="2" required>
+            <input placeholder="{{ i18n "form_email" }}" type="email" name="_replyto" tabindex="2" required>
           </fieldset>
           <fieldset>
-            <input placeholder="{{ with .Params.contactsubject }}{{ . }}{{ else }}Subject{{ end }}" type="text" name="_subject" tabindex="3" required>
+            <input placeholder="{{ i18n "form_subject" }}" type="text" name="_subject" tabindex="3" required>
           </fieldset>
           <fieldset>
-            <textarea placeholder="{{ with .Params.contactmessage }}{{ . }}{{ else }}Message{{ end }}" name="message" tabindex="4" required></textarea>
+            <textarea placeholder="{{ i18n "form_body" }}" type="text" name="message" tabindex="4" required></textarea>
           </fieldset>
           <fieldset>
-            <input type="hidden" name="_language" value="{{ .Params.contactlang }}">
+            <input type="hidden" name="_language" value="{{ .Lang }}">
           </fieldset>
           <fieldset>
             <button name="submit" class="button" type="submit" id="contact-submit" tabindex="5">{{ i18n "submit" }}</button>
diff --git a/layouts/_default/content-list.html b/layouts/_default/content-list.html
index e36acf0..b6f7961 100644
--- a/layouts/_default/content-list.html
+++ b/layouts/_default/content-list.html
@@ -1,8 +1,10 @@
 <article class="post">
   {{ .Render "header" }}
-  {{ .Render "featured" }}
-  {{ $.Scratch.Set "summary" ((delimit (findRE "<p.*?>(.|\n)*?</p>" .Content 1) "") | truncate (default 500 .Site.Params.summary_length) (default "&hellip;" .Site.Params.text.truncated ) | replaceRE "&amp;" "&" | safeHTML) }}
-  {{ $.Scratch.Get "summary" }}
+  <div class="content">
+    {{ .Render "featured" }}
+    {{ $.Scratch.Set "summary" ((delimit (findRE "<p.*?>(.|\n)*?</p>" .Content 1) "") | truncate (default 500 .Site.Params.summary_length) (default "&hellip;" .Site.Params.text.truncated ) | replaceRE "&amp;" "&" | safeHTML) }}
+    {{ $.Scratch.Get "summary" }}
+  </div>
   <footer>
     <a href="{{ .RelPermalink }}" class="button big">{{ i18n "read_more" }}</a>
     {{ .Render "stats" }}
diff --git a/layouts/_default/featured.html b/layouts/_default/featured.html
index 68b38de..2ffe12b 100644
--- a/layouts/_default/featured.html
+++ b/layouts/_default/featured.html
@@ -1,11 +1,23 @@
-{{ if .Params.images }}
-  <a href="{{ .RelPermalink }}" class="image featured">
-    {{ range first 1 .Params.images }}
-      <img src="{{ . | absURL }}" alt="">
-    {{ end }}
+{{- if or .Params.images .Params.featured -}}
+  {{- $src := "" -}}
+  {{- $alt := "" -}}
+  {{- $stretch := .Site.Params.imageStretch -}}
+  {{- if .Params.featured -}}
+    {{- $src = (path.Join "img" (cond (eq .Params.featuredpath "date") (.Page.Date.Format "2006/01") (.Params.featuredpath)) .Params.featured) | absURL -}}
+    {{- $alt = .Params.featuredalt -}}
+    {{- with .Params.featuredstretch -}}
+      {{- $stretch = . -}}
+    {{- end -}}
+  {{- else if .Params.images -}}
+    {{- range first 1 .Params.images -}}
+      {{- $src = .src | absURL -}}
+      {{- $alt = .alt -}}
+      {{- with .stretch -}}
+        {{- $stretch = . -}}
+      {{- end -}}
+    {{- end -}}
+  {{- end -}}
+  <a href="{{ $.Page.RelPermalink }}" class="image" style="--bg-image: url('{{ $src }}');">
+    <img {{ with $stretch }}class="{{ if or (eq (lower .) "vertical") (eq (lower .) "v") }}stretchV{{ else if or (eq (lower .) "horizontal") (eq (lower .) "h") }}stretchH{{ else if or (eq (lower .) "cover") (eq (lower .) "c") }}cover{{ end }}" {{ end }}src="{{ $src }}" alt="{{ $alt }}">
   </a>
-{{ else if .Params.featured }}
-  <a href="{{ .RelPermalink }}" class="image featured">
-    <img src="{{ (path.Join "img" (cond (eq .Params.featuredpath "date") (.Page.Date.Format "2006/01") (.Params.featuredpath)) .Params.featured) | absURL }}" alt="{{ .Params.featuredalt }}">
-  </a>
-{{ end }}
+{{- end -}}
diff --git a/layouts/_default/header.html b/layouts/_default/header.html
index 2b011ab..578c585 100644
--- a/layouts/_default/header.html
+++ b/layouts/_default/header.html
@@ -11,12 +11,8 @@
     {{ end }}
   </div>
   <div class="meta">
-    <time class="published" datetime="{{ .Date }}">
-      {{ default (i18n "date_format") | .Date.Format }}
-    </time>
-    <span class="author">{{ .Params.author }}</span>
-    {{ if .Site.Params.ReadingTime }}
-      <p>{{ i18n "postreadingtime" .ReadingTime }}</p>
-    {{ end }}
+    <time datetime="{{ .Date }}">{{ default (i18n "date_format") | .Date.Format }}</time>
+    {{ with .Params.author }}<p>{{ . }}</p>{{ end }}
+    {{ if .Site.Params.ReadingTime }}<p>{{ i18n "reading_time" .ReadingTime }}</p>{{ end }}
   </div>
 </header>
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
deleted file mode 100644
index 2f486c1..0000000
--- a/layouts/_default/home.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{ define "main" }}
-  {{ $paginator := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }}
-  {{ range $paginator.Pages }}
-    {{ .Render "content-list" }}
-  {{ end }}
-  {{ partial "pagination" . }}
-{{ end }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 3c24cda..108261c 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,7 +1,14 @@
 {{ define "main" }}
-  {{ $paginator := .Paginate (.Pages) }}
+  {{ $paginator := .Paginate (cond .IsHome (where site.RegularPages "Type" "in" site.Params.mainSections) (.Data.Pages) ) }}
   {{ range $paginator.Pages }}
     {{ .Render "content-list" }}
   {{ end }}
-  {{ partial "pagination" . }}
+  <div class="pagination">
+    {{ if .Paginator.HasPrev }}
+      <a href="{{ .Paginator.Prev.URL }}" class="button left"><span>Previous</span></a>
+    {{ end }}
+    {{ if .Paginator.HasNext }}
+      <a href="{{ .Paginator.Next.URL }}" class="button right"><span>Next</span></a>
+    {{ end }}
+  </div>
 {{ end }}
diff --git a/layouts/_default/pagination.html b/layouts/_default/pagination.html
deleted file mode 100644
index 3100983..0000000
--- a/layouts/_default/pagination.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="pagination">
-  {{ if .PrevInSection }}
-    <a href="{{ .PrevInSection.RelPermalink }}" class="button"><div class="previous"><div>{{ .PrevInSection.Title }}</div></div></a>
-  {{ end }}
-  {{ if .NextInSection }}
-    <a href="{{ .NextInSection.RelPermalink }}" class="button"><div class="next"><div>{{ .NextInSection.Title }}</div></div></a>
-  {{ end }}
-</div>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 4333be3..8692c5a 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,17 +1,26 @@
 {{ define "main" }}
   <article class="post">
     {{ .Render "header" }}
-    <section id="socnet-share">
+    <div id="socnet-share">
       {{ partial "share-buttons" . }}
-    </section>
-    {{ .Render "featured" }}
+    </div>
     <div class="content">
+      {{ .Render "featured" }}
       {{ .Content }}
     </div>
     <footer>
       {{ .Render "stats" }}
     </footer>
   </article>
-  {{ .Render "comments" }}
-  {{ .Render "pagination" }}
+  {{ if not ( eq .Params.comments false) }}
+    {{ .Render "comments" }}
+  {{ end }}
+  <div class="pagination">
+    {{ if .NextInSection }}
+      <a href="{{ .NextInSection.RelPermalink }}" class="button left"><span>{{ .NextInSection.Title }}</span></a>
+    {{ end }}
+    {{ if .PrevInSection }}
+      <a href="{{ .PrevInSection.RelPermalink }}" class="button right"><span>{{ .PrevInSection.Title }}</span></a>
+    {{ end }}
+  </div>
 {{ end }}
diff --git a/layouts/_default/staticman.html b/layouts/_default/staticman.html
deleted file mode 100644
index 32547f5..0000000
--- a/layouts/_default/staticman.html
+++ /dev/null
@@ -1,119 +0,0 @@
-{{/* $entryId stores the transformed current path for sorting Staticman data file */}}
-{{- $entryId := .File.UniqueID -}}
-{{/* Additional div wrapper for proper consistent margin */}}
-<div>
-  <h2>{{ i18n "say_sth" }}</h2>
-    <form id="post-js-form" class="post-new-comment" method="POST">
-      {{/* Display reply target */}}
-      <h5 class='post-reply-notice hidden'>
-        <span class='post-reply-arrow'></span><span class='post-reply-name'></span>
-      </h5>
-
-      {{/* Hidden fields */}}
-      <input type="hidden" name="options[entryId]" value="{{ $entryId }}">
-      <input type='hidden' name='fields[replyThread]' value=''>
-      <input type='hidden' name='fields[replyID]' value=''>
-      <input type='hidden' name='fields[replyName]' value=''>
-
-      {{/* User input fields */}}
-      <input required name='fields[name]' type='text' placeholder='{{ i18n "name" }}'>
-      <input name='fields[website]' type='text' placeholder='{{ i18n "website" }}'>
-      <input required name='fields[email]' type='email' placeholder='{{ i18n "email" }}'>
-      <textarea required name='fields[body]' placeholder='{{ i18n "body" }}' rows='10'></textarea>
-
-      {{/* reCAPTHCA v2 */}}
-      {{ if and .Site.Params.staticman.recaptcha.siteKey .Site.Params.staticman.recaptcha.encryptedKey }}
-      {{ with .Site.Params.staticman.recaptcha }}
-        <input hidden name="options[reCaptcha][siteKey]" value="{{ .sitekey }}">
-        <input hidden name="options[reCaptcha][secret]" value="{{ .encryptedkey }}">
-        <div class="g-recaptcha" data-sitekey="{{ .sitekey }}"></div>
-      {{ end }}
-      {{ end }}
-
-      {{/* Start comment form alert messaging */}}
-      <p class='post-submit-notice'>
-        <strong class='post-submit-notice-text submit-success hidden'>{{ i18n "success_msg" }}</strong>
-        <strong class='post-submit-notice-text submit-failed hidden'>{{ i18n "error_msg" }}</strong>
-      </p>
-
-      {{/* Form buttons */}}
-      <input type='submit' value='{{ i18n "btn_sumbit" }}' class='button'>
-      <input type='submit' value='{{ i18n "btn_submitted" }}' class='hidden button' disabled>
-      <input type='reset' value='{{ i18n "btn_reset" }}' class='button'>
-    </form>
-</div>
-
-{{/* Additional div wrapper for proper consistent margin */}}
-<div>
-  <h2>{{ i18n "comments" }}</h2>
-
-  {{ if .Site.Data.comments }}
-    {{/* $comments collects comment files for the current blog entry */}}
-    {{- $comments := index $.Site.Data.comments $entryId -}}
-    {{ if not $comments }}
-      <p>{{ i18n "no_comment" }}</p>
-    {{ else }}
-      {{/* Loop through "main comments" only if "data/comments exists" */}}
-      {{ range $comments }}
-        {{ if not .replyThread }}
-          {{ $.Scratch.Set "threadID" ._id }}
-          {{/* Comment template for a "main comment" */}}
-          <article id="{{ ._id }}" class="post-comment">
-            <img class="post-comment-avatar" src="https://www.gravatar.com/avatar/{{ .email }}?s=100" alt="{{ .name }}'s Gravatar">
-            <h3 class="post-comment-author-container">
-              <span class='post-comment-author'>
-                {{- if .website -}}
-                  <a rel="external nofollow" href="{{ .website }}">{{ .name }}</a>
-                {{- else -}}
-                  {{- .name -}}
-                {{- end -}}
-              </span>
-            </h3>
-            <div class="post-comment-timestamp">
-              <a href="#{{ ._id }}" title="Permalink to this comment">
-                <time datetime="{{ .date }}">{{ dateFormat "02/01/2006" .date }}</time>
-              </a>
-            </div>
-            <div class="post-comment-content">
-              {{ .body | markdownify }}
-            </div>
-            <div class='post-comment-reply-btn-container'>
-              <span class='post-comment-threadID hidden'>{{ ._id }}</span>
-              <a class='post-comment-reply-btn button' href='#post-js-form'>{{ i18n "reply" }}</a>
-            </div>
-          </article>
-          {{/* Loop through "comment replies" */}}
-          {{ range $comments }}
-            {{ if eq .replyThread ($.Scratch.Get "threadID") }}
-            {{/* Comment template for a "comment reply" */}}
-            <article id="{{ ._id }}" class="post-comment post-comment-reply">
-              <img class="post-comment-avatar" src="https://www.gravatar.com/avatar/{{ .email }}?s=100" alt="{{ .name }}'s Gravatar">
-              <h3 class="post-comment-author-container">
-                <span class='post-comment-author'>
-                  {{- if .website -}}
-                  <a rel="external nofollow" href="{{ .website }}">{{ .name }}</a>
-                  {{- else -}}
-                    {{- .name -}}
-                  {{- end -}}
-                </span><a href='#{{ .replyID }}' class='post-reply-target'>{{ .replyName }}</a>
-              </h3>
-              <div class="post-comment-timestamp">
-                <a href="#{{ ._id }}" title="Permalink to this comment">
-                  <time datetime="{{ .date }}">{{ dateFormat "02/01/2006" .date }}</time>
-                </a>
-              </div>
-              <div class="post-comment-content">
-                {{ .body | markdownify }}
-              </div>
-              <div class='post-comment-reply-btn-container'>
-                <span class = 'post-comment-threadID hidden'>{{ .replyThread }}</span>
-                <a class='post-comment-reply-btn button' href='#post-js-form'>{{ i18n "reply" }}</a>
-              </div>
-            </article>
-            {{ end }}
-          {{ end }}
-        {{ end }}
-      {{ end }}
-    {{ end }}
-  {{ end }}
-</div>
diff --git a/layouts/_default/stats.html b/layouts/_default/stats.html
index 222d880..db6cd3e 100644
--- a/layouts/_default/stats.html
+++ b/layouts/_default/stats.html
@@ -1,6 +1,5 @@
-<ul class="stats">
-  <li class="categories">
-    <ul>
+<div class="stats">
+  <ul class="categories">
     {{ if isset .Params "categories" }}
       {{ if gt (len .Params.categories) 0 }}
         {{ range .Params.categories }}
@@ -10,10 +9,8 @@
     {{ else }}
       <li>None</li>
     {{ end }}
-    </ul>
-  </li>
-  <li class="tags">
-    <ul>
+  </ul>
+  <ul class="tags">
     {{ if isset .Params "tags" }}
       {{ if gt (len .Params.tags) 0 }}
         {{ range .Params.tags }}
@@ -23,6 +20,5 @@
     {{ else }}
       <li>None</li>
     {{ end }}
-    </ul>
-  </li>
-</ul>
+  </ul>
+</div>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 830c22e..b1d8177 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -9,11 +9,11 @@
     {{- if .Site.Params.highlightjs -}}<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/{{ .Site.Params.highlightjsTheme | default "default" }}.min.css">{{- end -}}
     {{- range .Site.Params.cssFiles -}}
       {{- if eq . "default" -}}
-        <link rel="stylesheet" href="{{ "css/normalize.css" | relURL }}">
-        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:400,800,900|Source+Sans+Pro:400,700">
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,800,900|Source+Sans+Pro:400,700">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css">
         <script src="https://kit.fontawesome.com/be54eb011a.js" crossorigin="anonymous"></script>
-        <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
         {{- $mainCSSOptions := (dict "targetPath" "css/main.min.css" "outputStyle" "compressed") -}}
         {{- $main := resources.Get "scss/main.scss" | resources.ToCSS $mainCSSOptions | resources.Fingerprint -}}
         <link rel="stylesheet" href="{{ $main.RelPermalink }}" integrity="{{ $main.Data.Integrity }}">
@@ -31,7 +31,11 @@
       {{- if eq . "default" -}}
         {{- $cssSlice := slice -}}
         {{- if $.Site.Params.highlightjs -}}
-          {{- $cssSlice = $cssSlice | append (resources.Get (print "css/styles/" ($.Site.Params.highlightjsTheme | default "default") ".css") ) -}}
+          {{ with $.Site.Params.highlightjsTheme }}
+            <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/{{ . }}.min.css">
+          {{ else }}
+            {{- $cssSlice = $cssSlice | append (resources.Get "css/default.css") -}}
+          {{ end }}
         {{- end -}}
         {{- $assets := resources.Get "assets.json" | unmarshal -}}
         {{- range $assets.styles -}}
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
deleted file mode 100644
index ce0f9d9..0000000
--- a/layouts/partials/pagination.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- Pagination -->
-<div class="pagination">
-  {{ if .Paginator.HasPrev }}
-    <a href="{{ .Paginator.Prev.URL }}" class="button"><div class="previous"><div>Previous</div></div></a>
-  {{ end }}
-  {{ if .Paginator.HasNext }}
-    <a href="{{ .Paginator.Next.URL }}" class="button"><div class="next"><div>Next</div></div></a>
-  {{ end }}
-</div>
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 56ec0c2..cc2ed68 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,7 +1,7 @@
 {{- if .Site.Params.enableCDN -}}
   {{- if .Site.Params.highlightjs -}}
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
-    {{ range .Site.Params.highlightjsLang }}<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/languages/{{ . }}.min.js"></script>{{ end }}
+    {{ with .Site.Params.highlightjsLang }}{{ range . }}<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/languages/{{ . }}.min.js"></script>{{ end }}{{ end }}
     <script>hljs.initHighlightingOnLoad();</script>
   {{- end -}}
   {{- range .Site.Params.jsFiles -}}
@@ -15,7 +15,7 @@
         {{- $jsSlice = $jsSlice | append (resources.Get "js/staticman.js" | resources.ExecuteAsTemplate "js/staticman.js" $.Site.Params.staticman) -}}
       {{- end }}
       {{- $js := $jsSlice | resources.Concat "js/bundlecdn.js" | minify | fingerprint -}}
-    <script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}">
+    <script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}"></script>
     <script src="{{ "js/add-on.js" | relURL }}"></script>
     {{- else }}
       <script src="{{ . | relURL }}"></script>
@@ -25,6 +25,7 @@
   {{- if .Site.Params.highlightjs -}}
     {{- $hljs := resources.Get "js/highlight.js" -}}
     <script src="{{ $hljs.RelPermalink }}"></script>
+    {{ with .Site.Params.highlightjsLang }}{{ range . }}<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/languages/{{ . }}.min.js"></script>{{ end }}{{ end }}
     <script>hljs.initHighlightingOnLoad();</script>
   {{- end -}}
   {{- range .Site.Params.jsFiles -}}
diff --git a/layouts/partials/share-buttons.html b/layouts/partials/share-buttons.html
index 8a73872..3af6649 100644
--- a/layouts/partials/share-buttons.html
+++ b/layouts/partials/share-buttons.html
@@ -6,27 +6,27 @@
   {{ if eq . "twitter" }}
     <!-- TODO: Add Hashtags &amp;hashtags= -->
     <a href="//twitter.com/share?text={{ $title }}&amp;url={{ $permalink }}" target="_blank" rel="noopener" class="nav share-btn twitter">
-        <i class="fab fa-twitter"></i><p>&nbsp;Twitter</p>
+        <p>Twitter</p>
       </a>
   {{ else if eq . "facebook" }}
       <a href="//www.facebook.com/sharer/sharer.php?u={{ $permalink }}" target="_blank" rel="noopener" class="nav share-btn facebook">
-        <i class="fab fa-facebook"></i><p>&nbsp;Facebook</p>
+        <p>Facebook</p>
         </a>
   {{ else if eq . "reddit" }}
     <a href="//www.reddit.com/submit?url={{ $permalink }}&amp;title={{ $title }}" target="_blank" rel="noopener" class="nav share-btn reddit">
-          <i class="fab fa-reddit-alien"></i><p>&nbsp;Reddit</p>
+          <p>Reddit</p>
         </a>
   {{ else if eq . "linkedin" }}
         <a href="//www.linkedin.com/shareArticle?url={{ $permalink }}&amp;title={{ $title }}" target="_blank" rel="noopener" class="nav share-btn linkedin">
-            <i class="fab fa-linkedin"></i><p>&nbsp;LinkedIn</p>
+            <p>LinkedIn</p>
           </a>
   {{ else if eq . "pinterest" }}
         <a href="//www.pinterest.com/pin/create/button/?url={{ $permalink }}&amp;description={{ $title }}" target="_blank" rel="noopener" class="nav share-btn pinterest">
-          <i class="fab fa-pinterest-p"></i><p>&nbsp;Pinterest</p>
+          <p>Pinterest</p>
         </a>
   {{ else if eq . "email" }}
         <a href="mailto:?subject={{ i18n "check_out" }} {{ $author }}&amp;body={{ $permalink }}" target="_blank" class="nav share-btn email" data-proofer-ignore>
-          <i class="fas fa-envelope"></i><p>&nbsp;Email</p>
+          <p>Email</p>
         </a>
   {{ end }}
 {{ end }}
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index ada0f42..70c65df 100644
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -6,16 +6,8 @@
       </ul>
   {{ end }}
   <p class="copyright">
-    {{ with .Site.Copyright | safeHTML }}
-      {{ . }}
-    {{ else }}
-      &copy; {{ .Site.LastChange.Year }}
-      {{if isset .Site.Params "author" }}
-        {{ .Site.Params.author }}
-      {{ else }}
-        {{ .Site.Title }}
-      {{ end }}
-    {{ end }}. <br>
+    {{ (.Site.Copyright | safeHTML) | default (print "\u00A9 " .Site.LastChange.Year " " (.Site.Params.author | default .Site.Title)) }}
+      <br>
     {{ i18n "attribution" . | safeHTML }}
   </p>
 </footer>
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 1b334a8..b919a2d 100644
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -8,14 +8,8 @@
       <a href="{{ "/" | relLangURL }}" class="nav">
         {{ if or .IsHome (not .Site.Params.header.dynamicTitles) }}
           {{ .Site.Params.header.navbarTitle  | safeHTML }}
-        {{ else if ne .Section "" }}
-          {{ if i18n .Section }}
-            {{ i18n .Section }}
-          {{ else }}
-            {{ .Section }}
-          {{ end }}
         {{ else }}
-          {{ .Title }}
+          {{ i18n .Section | default .Title }}
         {{ end }}
       </a>
     </h1>
@@ -26,15 +20,11 @@
           <a href="{{ .URL | relLangURL }}" class="nav link"><i class="{{ .Identifier }}">&nbsp;</i>{{ .Name }}</a>
         {{ else }}
           {{/* New syntax: use '.Pre' for icon rendering */}}
-          {{ if .Pre }}
-            <a href="{{ .URL | relLangURL }}" class="nav link">{{ .Pre }} {{ .Name }}</a>
-          {{ else }}
-            <a href="{{ .URL | relLangURL }}" class="nav link">{{ .Name }}</a>
-          {{ end }}
+          <a href="{{ .URL | relLangURL }}" class="nav link">{{ .Pre | safeHTML}} {{ .Name }}</a>
         {{ end }}
       {{ end }}
-      {{ if .Site.Params.header.shareMenu }}<a href="#share-menu" class="nav share-toggle"><i class="fas fa-share-alt">&nbsp;</i>Share</a>{{ end }}
-      {{ if .Site.Params.header.searchMenu }}<a href="#search-input" class="nav search-toggle"><i class="fas fa-search">&nbsp;</i>Search</a>{{ end }}
+      {{ if .Site.Params.header.shareMenu }}<a href="#share-menu" class="nav link share-toggle"><i class="fas fa-share-alt">&nbsp;</i>Share</a>{{ end }}
+      {{ if .Site.Params.header.searchMenu }}<a href="#search-input" class="nav link search-toggle"><i class="fas fa-search">&nbsp;</i>Search</a>{{ end }}
     </menu>
     {{ if .Site.Params.header.searchMenu }}<a href="#search-input" class="nav search-toggle"><i class="fas fa-search fa-2x">&nbsp;</i></a>{{ end }}
     {{ if .Site.Params.header.shareMenu }}<a href="#share-menu" class="nav share-toggle"><i class="fas fa-share-alt fa-2x">&nbsp;</i></a>{{ end }}
diff --git a/layouts/partials/site-intro.html b/layouts/partials/site-intro.html
index c34b177..152addf 100644
--- a/layouts/partials/site-intro.html
+++ b/layouts/partials/site-intro.html
@@ -1,5 +1,5 @@
 <section id="site-intro" {{ if (and (.Site.Params.intro.hideWhenSingleColumn) (not (and .Page.IsHome .Site.Params.intro.alwaysOnHomepage))) }}class="hidden-single-column"{{ end }}>
-  {{ with .Site.Params.intro.pic }}<a href="{{ "/" | relLangURL}}"><img src="{{ .src | absURL }}" class="{{ .shape }}" width="{{ .width }}" alt="{{ .alt }}" /></a>{{ end }}
+  {{ with .Site.Params.intro.pic }}<a href="{{ "/" | relLangURL}}"><img src="{{ .src | absURL }}"{{ with .shape}} class="{{ . }}"{{ end }} width="{{ .width | default "100" }}" alt="{{ .alt }}" /></a>{{ end }}
   <header>
     {{ with .Site.Params.intro.header }}<h1>{{ . | safeHTML }}</h1>{{ end }}
   </header>
diff --git a/layouts/partials/site-sidebar.html b/layouts/partials/site-sidebar.html
index 60e4bda..acfccfe 100644
--- a/layouts/partials/site-sidebar.html
+++ b/layouts/partials/site-sidebar.html
@@ -6,18 +6,16 @@
       </header>
       {{ range first (.Site.Params.sidebar.postAmount | default 5) (where site.RegularPages "Type" "in" site.Params.mainSections) }}
       <article class="mini-post">
-        <section>
           {{ .Render "featured" }}
-        </section>
         <header>
           <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-          <time class="published" datetime="">{{ default (i18n "date_format") | .Date.Format }}</time>
+          <time class="published" datetime="{{ .Date }}">{{ default (i18n "date_format") | .Date.Format }}</time>
         </header>
       </article>
       {{ end }}
       {{ if ge (len (where site.RegularPages "Type" "in" site.Params.mainSections)) (.Site.Params.sidebar.postAmount | default 5) }}
         <footer>
-          <a href="{{ with .Site.Params.viewMorePostsLink }}{{ . | relLangURL }}{{ else }}{{ "post" | relLangURL }}{{ end }}" class="button">{{ i18n "see_more" }}</a>
+          <a href="{{ ( .Site.Params.viewMorePostsLink | default "blog") | relLangURL }}" class="button">{{ i18n "see_more" }}</a>
         </footer>
       {{ end }}
     </section>
@@ -30,18 +28,10 @@
           <h1><a href="{{ "categories" | relLangURL }}">{{ i18n "categories" }}</a></h1>
         </header>
         <ul>
-          {{ if .Site.Params.sidebar.categoriesByCount }}
-            {{ $.Scratch.Set "categories" .Site.Taxonomies.categories.ByCount }}
-          {{ else }}
-            {{ $.Scratch.Set "categories" .Site.Taxonomies.categories.Alphabetical }}
-          {{ end }}
+          {{ $.Scratch.Set "categories" (cond .Site.Params.sidebar.categoriesByCount .Site.Taxonomies.categories.ByCount .Site.Taxonomies.categories.Alphabetical) }}
           {{ range $key, $value := $.Scratch.Get "categories" }}
           <li>
-            {{ if ne $value.Name "" }}
               <a href="{{ printf "%s/%s" "categories" $value.Name | urlize | relLangURL }}/">{{ $value.Name }}<span class="count">{{ $value.Count }}</span></a>
-            {{ else }}
-              {{ i18n "uncategorized" }}<span class="count">{{ $value.Count }}</span>
-            {{ end }}
           {{ end }}
           </li>
         </ul>
diff --git a/layouts/partials/theme-message.md b/layouts/partials/theme-message.md
index de79e39..81870ad 100644
--- a/layouts/partials/theme-message.md
+++ b/layouts/partials/theme-message.md
@@ -1,27 +1,20 @@
-With this version, the theme has fully implemented **static search** using
-`lunr.js`. That being said, a few modifications were necessary to implement this
-feature.
+Below are the following changes that *could* be breaking changes for your site. For more details on any change, please refer to [PR #154](https://github.com/pacollins/hugo-future-imperfect-slim/pull/154).
 
-To utilize this, or future version of *Hugo Future Imperfect Slim*, please make
-the following changes:
+The major breaking change is:
 
-1. Add the following to your `config.toml` before `[params]`:
-  ```
-  ...
-  disableLanguages = [""]
+1. Users that have front matter that utilize `images` (backwards compatibility for `featured` and associated parameters still remains) *will* need to adjust from `[images]="SRC"` to the new format.
+```
+[[images]]
+    src = "" // Link to image
+    alt = "" // Alt text for image
+    stretch = // Optional: See screenshots for referenced values and outcomes
+```
 
-  [outputs]
-      home = ["html", "json"]
+If you utilize any of the following, there *might* be a breaking:
 
-  [params]
-  ...
-  ```
+1. User custom templates *may* require adjustment.
+2. User custom i18n languages, or custom templates referencing i18n translations *may* require adjustment.
+3. User custom template for comments *will* require adjustment *if* it uses the theme's CSS and/or JS.
+4. User custom CSS *may* need to adjust due to a variety of class name changes and specificity changes.
 
-2. Remove the underscore from all `about` and `contact` page file names:
-`_index.md --> index.md`
-
-3. Add `layout = "about"` or `layout = "contact"` to all of the files you just
-just adjusted the file names for.
-
-While I realize this is inconvenient, I hope that it is worth it to you in the
-long run. Thanks for using the theme, and feel free to submit issues as needed.
+While I realize this is inconvenient, I hope that it is worth it to you in the long run. Thanks for using the theme, and feel free to submit issues as needed.
diff --git a/layouts/partials/theme-notification.html b/layouts/partials/theme-notification.html
index ccea246..6161f9a 100644
--- a/layouts/partials/theme-notification.html
+++ b/layouts/partials/theme-notification.html
@@ -1,10 +1,10 @@
 {{- if .IsHome -}}
-  {{ $version := "1.1.0"}}
+  {{ $version := "2.0.0"}}
   <div id="theme-message" style="background-color:#3c3b3b;color:#f4f4f4;margin:auto auto;padding:.25em 2em;width:75%;">
     <p style="text-align:center;">This message, related to the development of the theme, only displays on the
       <code>localhost</code> homepage to notify you of any important theme changes.</p>
       <hr>
-      <h5 style="color:#f4f4f4;text-align:center;"><i class="fas fa-exclamation-triangle"></i>Version {{ $version }} - May 18, 2020<i class="fas fa-exclamation-triangle"></i></h5>
+      <h5 style="color:#f4f4f4;text-align:center;"><i class="fas fa-exclamation-triangle"></i>Version {{ $version }} - July 20, 2020<i class="fas fa-exclamation-triangle"></i></h5>
     {{ string (partial "theme-message.md") | markdownify}}
     <div style="text-align:center;">
       <button onclick="removeBox()" class="button" style="color:#f4f4f4;margin-bottom:1em;">Close Notification Until Next Update</button>
diff --git a/layouts/shortcodes/fancybox.html b/layouts/shortcodes/fancybox.html
index 94cc1de..c6781ab 100644
--- a/layouts/shortcodes/fancybox.html
+++ b/layouts/shortcodes/fancybox.html
@@ -47,8 +47,8 @@
   {{ $file := $.Scratch.Get "file" }}
   {{ $caption  := $.Scratch.Get "caption" }}
   {{ $gallery := $.Scratch.Get "gallery" }}
-  <div class="fancybox">
+  <figure>
     <a data-fancybox="{{ $gallery }}" href="{{ path.Join $path $file | relURL }}" data-caption="{{ $caption }}"><img src="{{ path.Join $path $file | absURL }}"></a>
-    <div class="caption">{{ $caption }}</div>
-  </div>
+    <figcaption>{{ $caption }}</figcaption>
+  </figure>
 {{ end }}
author	Patrick Collins <thepatrickcollins@gmail.com>	2020-07-19 23:25:15 +0300
committer	GitHub <noreply@github.com>	2020-07-19 23:25:15 +0300
commit	2f9ab4f4fbafcd1ba71df2771b74e5f0199c53fa (patch)
tree	82884f6509bdbb4aadc2eff82f6525ed1387878f
parent	5f7d838034b42a215092addc7a6319ac7ee204da (diff)