From a61ce010382c270863f1de31a54a00b97f3fd878 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nnes.com@googlemail.com>
Date: Wed, 13 Sep 2023 15:09:45 +0000
Subject: [PATCH] fix tag styles

---
 article.scss |   4 +
 styles.css   | 355 +++++++++++++++++++--------------------------------
 2 files changed, 136 insertions(+), 223 deletions(-)

diff --git a/article.scss b/article.scss
index aaa99f5..89c5217 100755
--- a/article.scss
+++ b/article.scss
@@ -16,6 +16,10 @@ article {
         text-decoration: none;
     }
 
+    .tag {
+        margin: 0.1rem;
+    }
+
     del {
         background: #ff9e9e;
     }
diff --git a/styles.css b/styles.css
index a2273e5..c254280 100755
--- a/styles.css
+++ b/styles.css
@@ -223,7 +223,6 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
-
 @keyframes bounce {
   from, 20%, 53%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -243,7 +242,6 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
-
 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
@@ -255,13 +253,11 @@ iframe {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
-
 @keyframes flash {
   from, 50%, to {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
-
 .flash {
   -webkit-animation-name: flash;
   animation-name: flash; }
@@ -277,7 +273,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes pulse {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -288,7 +283,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse; }
@@ -315,7 +309,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes rubberBand {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -338,7 +331,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand; }
@@ -353,7 +345,6 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
-
 @keyframes shake {
   from, to {
     -webkit-transform: translate3d(0, 0, 0);
@@ -364,7 +355,6 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
-
 .shake {
   -webkit-animation-name: shake;
   animation-name: shake; }
@@ -388,7 +378,6 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
-
 @keyframes headShake {
   0% {
     -webkit-transform: translateX(0);
@@ -408,7 +397,6 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
-
 .headShake {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
@@ -431,7 +419,6 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
-
 @keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
@@ -448,7 +435,6 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
-
 .swing {
   -webkit-transform-origin: top center;
   transform-origin: top center;
@@ -471,7 +457,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes tada {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -488,7 +473,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .tada {
   -webkit-animation-name: tada;
   animation-name: tada; }
@@ -516,7 +500,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes wobble {
   from {
     -webkit-transform: none;
@@ -539,7 +522,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble; }
@@ -564,12 +546,11 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-    transform: skewX(0.39062deg) skewY(0.39062deg); }
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg); }
   88.8% {
-    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
-
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
 @keyframes jello {
   from, 11.1%, to {
     -webkit-transform: none;
@@ -590,12 +571,11 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-    transform: skewX(0.39062deg) skewY(0.39062deg); }
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg); }
   88.8% {
-    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
-
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
 .jello {
   -webkit-animation-name: jello;
   animation-name: jello;
@@ -627,7 +607,6 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -653,7 +632,6 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn; }
@@ -679,7 +657,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -701,7 +678,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown; }
@@ -727,7 +703,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -749,7 +724,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft; }
@@ -775,7 +749,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -797,7 +770,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight; }
@@ -823,7 +795,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -845,7 +816,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp; }
@@ -862,7 +832,6 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
-
 @keyframes bounceOut {
   20% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
@@ -875,7 +844,6 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
-
 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut; }
@@ -892,7 +860,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 @keyframes bounceOutDown {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
@@ -905,7 +872,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown; }
@@ -919,7 +885,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 @keyframes bounceOutLeft {
   20% {
     opacity: 1;
@@ -929,7 +894,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft; }
@@ -943,7 +907,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 @keyframes bounceOutRight {
   20% {
     opacity: 1;
@@ -953,7 +916,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight; }
@@ -970,7 +932,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 @keyframes bounceOutUp {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
@@ -983,7 +944,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 .bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp; }
@@ -993,13 +953,11 @@ iframe {
     opacity: 0; }
   to {
     opacity: 1; } }
-
 @keyframes fadeIn {
   from {
     opacity: 0; }
   to {
     opacity: 1; } }
-
 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn; }
@@ -1013,7 +971,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInDown {
   from {
     opacity: 0;
@@ -1023,7 +980,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown; }
@@ -1037,7 +993,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInDownBig {
   from {
     opacity: 0;
@@ -1047,7 +1002,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig; }
@@ -1061,7 +1015,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInLeft {
   from {
     opacity: 0;
@@ -1071,7 +1024,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft; }
@@ -1085,7 +1037,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInLeftBig {
   from {
     opacity: 0;
@@ -1095,7 +1046,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig; }
@@ -1109,7 +1059,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInRight {
   from {
     opacity: 0;
@@ -1119,7 +1068,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight; }
@@ -1133,7 +1081,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInRightBig {
   from {
     opacity: 0;
@@ -1143,7 +1090,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig; }
@@ -1157,7 +1103,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInUp {
   from {
     opacity: 0;
@@ -1167,7 +1112,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp; }
@@ -1181,7 +1125,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInUpBig {
   from {
     opacity: 0;
@@ -1191,7 +1134,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig; }
@@ -1201,13 +1143,11 @@ iframe {
     opacity: 1; }
   to {
     opacity: 0; } }
-
 @keyframes fadeOut {
   from {
     opacity: 1; }
   to {
     opacity: 0; } }
-
 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut; }
@@ -1219,7 +1159,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 @keyframes fadeOutDown {
   from {
     opacity: 1; }
@@ -1227,7 +1166,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown; }
@@ -1239,7 +1177,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 @keyframes fadeOutDownBig {
   from {
     opacity: 1; }
@@ -1247,7 +1184,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig; }
@@ -1259,7 +1195,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 @keyframes fadeOutLeft {
   from {
     opacity: 1; }
@@ -1267,7 +1202,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft; }
@@ -1279,7 +1213,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 @keyframes fadeOutLeftBig {
   from {
     opacity: 1; }
@@ -1287,7 +1220,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig; }
@@ -1299,7 +1231,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 @keyframes fadeOutRight {
   from {
     opacity: 1; }
@@ -1307,7 +1238,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight; }
@@ -1319,7 +1249,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 @keyframes fadeOutRightBig {
   from {
     opacity: 1; }
@@ -1327,7 +1256,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig; }
@@ -1339,7 +1267,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 @keyframes fadeOutUp {
   from {
     opacity: 1; }
@@ -1347,7 +1274,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp; }
@@ -1359,7 +1285,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 @keyframes fadeOutUpBig {
   from {
     opacity: 1; }
@@ -1367,7 +1292,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig; }
@@ -1398,7 +1322,6 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
-
 @keyframes flip {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
@@ -1425,7 +1348,6 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
-
 .animated.flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
@@ -1454,7 +1376,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 @keyframes flipInX {
   from {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -1477,7 +1398,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 .flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1506,7 +1426,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 @keyframes flipInY {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
@@ -1529,7 +1448,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 .flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1548,7 +1466,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
-
 @keyframes flipOutX {
   from {
     -webkit-transform: perspective(400px);
@@ -1561,7 +1478,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
-
 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
@@ -1580,7 +1496,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
-
 @keyframes flipOutY {
   from {
     -webkit-transform: perspective(400px);
@@ -1593,7 +1508,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
-
 .flipOutY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1617,7 +1531,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes lightSpeedIn {
   from {
     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
@@ -1635,7 +1548,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .lightSpeedIn {
   -webkit-animation-name: lightSpeedIn;
   animation-name: lightSpeedIn;
@@ -1649,7 +1561,6 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
-
 @keyframes lightSpeedOut {
   from {
     opacity: 1; }
@@ -1657,7 +1568,6 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
-
 .lightSpeedOut {
   -webkit-animation-name: lightSpeedOut;
   animation-name: lightSpeedOut;
@@ -1677,7 +1587,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateIn {
   from {
     -webkit-transform-origin: center;
@@ -1691,7 +1600,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn; }
@@ -1709,7 +1617,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1723,7 +1630,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft; }
@@ -1741,7 +1647,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1755,7 +1660,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight; }
@@ -1773,7 +1677,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1787,7 +1690,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft; }
@@ -1805,7 +1707,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1819,7 +1720,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight; }
@@ -1835,7 +1735,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
-
 @keyframes rotateOut {
   from {
     -webkit-transform-origin: center;
@@ -1847,7 +1746,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
-
 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut; }
@@ -1863,7 +1761,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
-
 @keyframes rotateOutDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1875,7 +1772,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
-
 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft; }
@@ -1891,7 +1787,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 @keyframes rotateOutDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1903,7 +1798,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight; }
@@ -1919,7 +1813,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 @keyframes rotateOutUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1931,7 +1824,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft; }
@@ -1947,7 +1839,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
-
 @keyframes rotateOutUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1959,7 +1850,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
-
 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight; }
@@ -1989,7 +1879,6 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
-
 @keyframes hinge {
   0% {
     -webkit-transform-origin: top left;
@@ -2015,7 +1904,6 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
-
 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge; }
@@ -2030,7 +1918,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes rollIn {
   from {
     opacity: 0;
@@ -2040,7 +1927,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn; }
@@ -2053,7 +1939,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
-
 @keyframes rollOut {
   from {
     opacity: 1; }
@@ -2061,7 +1946,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
-
 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut; }
@@ -2073,7 +1957,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
-
 @keyframes zoomIn {
   from {
     opacity: 0;
@@ -2081,7 +1964,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
-
 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn; }
@@ -2099,7 +1981,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInDown {
   from {
     opacity: 0;
@@ -2113,7 +1994,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown; }
@@ -2131,7 +2011,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInLeft {
   from {
     opacity: 0;
@@ -2145,7 +2024,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft; }
@@ -2163,7 +2041,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInRight {
   from {
     opacity: 0;
@@ -2177,7 +2054,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight; }
@@ -2195,7 +2071,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInUp {
   from {
     opacity: 0;
@@ -2209,7 +2084,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp; }
@@ -2223,7 +2097,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
-
 @keyframes zoomOut {
   from {
     opacity: 1; }
@@ -2233,7 +2106,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
-
 .zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut; }
@@ -2253,7 +2125,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomOutDown {
   40% {
     opacity: 1;
@@ -2269,7 +2140,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown; }
@@ -2285,7 +2155,6 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
-
 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
@@ -2297,7 +2166,6 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
-
 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft; }
@@ -2313,7 +2181,6 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
-
 @keyframes zoomOutRight {
   40% {
     opacity: 1;
@@ -2325,7 +2192,6 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
-
 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight; }
@@ -2345,7 +2211,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomOutUp {
   40% {
     opacity: 1;
@@ -2361,7 +2226,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp; }
@@ -2374,7 +2238,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
@@ -2383,7 +2246,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown; }
@@ -2396,7 +2258,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInLeft {
   from {
     -webkit-transform: translate3d(-100%, 0, 0);
@@ -2405,7 +2266,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft; }
@@ -2418,7 +2278,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInRight {
   from {
     -webkit-transform: translate3d(100%, 0, 0);
@@ -2427,7 +2286,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight; }
@@ -2440,7 +2298,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInUp {
   from {
     -webkit-transform: translate3d(0, 100%, 0);
@@ -2449,7 +2306,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp; }
@@ -2462,7 +2318,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 @keyframes slideOutDown {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2471,7 +2326,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 .slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown; }
@@ -2484,7 +2338,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 @keyframes slideOutLeft {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2493,7 +2346,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft; }
@@ -2506,7 +2358,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 @keyframes slideOutRight {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2515,7 +2366,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight; }
@@ -2528,7 +2378,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 @keyframes slideOutUp {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2537,7 +2386,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp; }
@@ -2747,10 +2595,13 @@ iframe {
 @media only screen and (min-width: 48em) {
   .sm-hidden {
     display: block; }
+
   .container {
     width: 46rem; }
+
   .xs-col-table {
     display: inherit; }
+
   .col-sm,
   .col-sm-1,
   .col-sm-2,
@@ -2767,103 +2618,140 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-sm {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-sm-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-sm-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-sm-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-sm-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-sm-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-sm-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-sm-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-sm-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-sm-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-sm-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-sm-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-sm-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-sm-offset-1 {
     margin-left: 8.333%; }
+
   .col-sm-offset-2 {
     margin-left: 16.667%; }
+
   .col-sm-offset-3 {
     margin-left: 25%; }
+
   .col-sm-offset-4 {
     margin-left: 33.333%; }
+
   .col-sm-offset-5 {
     margin-left: 41.667%; }
+
   .col-sm-offset-6 {
     margin-left: 50%; }
+
   .col-sm-offset-7 {
     margin-left: 58.333%; }
+
   .col-sm-offset-8 {
     margin-left: 66.667%; }
+
   .col-sm-offset-9 {
     margin-left: 75%; }
+
   .col-sm-offset-10 {
     margin-left: 83.333%; }
+
   .col-sm-offset-11 {
     margin-left: 91.667%; }
+
   .start-sm {
     justify-content: flex-start;
     text-align: start; }
+
   .center-sm {
     justify-content: center;
     text-align: center; }
+
   .end-sm {
     justify-content: flex-end;
     text-align: end; }
+
   .top-sm {
     align-items: flex-start; }
+
   .middle-sm {
     align-items: center; }
+
   .bottom-sm {
     align-items: flex-end; }
+
   .around-sm {
     justify-content: space-around; }
+
   .between-sm {
     justify-content: space-between; }
+
   .first-sm {
     order: -1; }
+
   .last-sm {
     order: 1; } }
-
 @media only screen and (min-width: 62em) {
   .col-simple .row {
     flex-direction: row; }
   .col-simple .col-xs-12 {
     flex-basis: 100%; }
+
   .md-hidden {
     display: block; }
+
   .container {
     width: 61rem; }
+
   .md-col-table {
     display: inherit; }
+
   .col-md,
   .col-md-1,
   .col-md-2,
@@ -2880,99 +2768,135 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-md {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-md-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-md-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-md-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-md-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-md-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-md-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-md-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-md-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-md-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-md-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-md-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-md-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-md-offset-1 {
     margin-left: 8.333%; }
+
   .col-md-offset-2 {
     margin-left: 16.667%; }
+
   .col-md-offset-3 {
     margin-left: 25%; }
+
   .col-md-offset-4 {
     margin-left: 33.333%; }
+
   .col-md-offset-5 {
     margin-left: 41.667%; }
+
   .col-md-offset-6 {
     margin-left: 50%; }
+
   .col-md-offset-7 {
     margin-left: 58.333%; }
+
   .col-md-offset-8 {
     margin-left: 66.667%; }
+
   .col-md-offset-9 {
     margin-left: 75%; }
+
   .col-md-offset-10 {
     margin-left: 83.333%; }
+
   .col-md-offset-11 {
     margin-left: 91.667%; }
+
   .start-md {
     justify-content: flex-start;
     text-align: start; }
+
   .center-md {
     justify-content: center;
     text-align: center; }
+
   .end-md {
     justify-content: flex-end;
     text-align: end; }
+
   .top-md {
     align-items: flex-start; }
+
   .middle-md {
     align-items: center; }
+
   .bottom-md {
     align-items: flex-end; }
+
   .around-md {
     justify-content: space-around; }
+
   .between-md {
     justify-content: space-between; }
+
   .first-md {
     order: -1; }
+
   .last-md {
     order: 1; } }
-
 @media only screen and (min-width: 75em) {
   .lg-hidden {
     display: block; }
+
   .container {
     width: 71rem; }
+
   .lg-col-table {
     display: inherit; }
+
   .col-lg,
   .col-lg-1,
   .col-lg-2,
@@ -2989,92 +2913,125 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-lg {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-lg-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-lg-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-lg-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-lg-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-lg-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-lg-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-lg-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-lg-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-lg-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-lg-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-lg-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-lg-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-lg-offset-1 {
     margin-left: 8.333%; }
+
   .col-lg-offset-2 {
     margin-left: 16.667%; }
+
   .col-lg-offset-3 {
     margin-left: 25%; }
+
   .col-lg-offset-4 {
     margin-left: 33.333%; }
+
   .col-lg-offset-5 {
     margin-left: 41.667%; }
+
   .col-lg-offset-6 {
     margin-left: 50%; }
+
   .col-lg-offset-7 {
     margin-left: 58.333%; }
+
   .col-lg-offset-8 {
     margin-left: 66.667%; }
+
   .col-lg-offset-9 {
     margin-left: 75%; }
+
   .col-lg-offset-10 {
     margin-left: 83.333%; }
+
   .col-lg-offset-11 {
     margin-left: 91.667%; }
+
   .start-lg {
     justify-content: flex-start;
     text-align: start; }
+
   .center-lg {
     justify-content: center;
     text-align: center; }
+
   .end-lg {
     justify-content: flex-end;
     text-align: end; }
+
   .top-lg {
     align-items: flex-start; }
+
   .middle-lg {
     align-items: center; }
+
   .bottom-lg {
     align-items: flex-end; }
+
   .around-lg {
     justify-content: space-around; }
+
   .between-lg {
     justify-content: space-between; }
+
   .first-lg {
     order: -1; }
+
   .last-lg {
     order: 1; } }
-
 .portlet-body > article {
   padding: 0; }
 
@@ -3089,6 +3046,8 @@ article {
   article del, article ins, article mark {
     padding: 3px;
     text-decoration: none; }
+  article .tag {
+    margin: 0.1rem; }
   article del {
     background: #ff9e9e; }
   article ins {
@@ -3227,7 +3186,6 @@ div.sticky, section.sticky {
 @media (max-width: 768px) {
   .form-group {
     flex-direction: column; } }
-
 .wf-100 {
   width: 100%; }
 
@@ -3302,7 +3260,6 @@ p {
     background-position: 0; }
   100% {
     background-position: -100%; } }
-
 .tooltip {
   cursor: pointer;
   color: var(--box-highlight);
@@ -3339,7 +3296,6 @@ p {
     -webkit-transform: perspective(120px) rotateY(180deg); }
   100% {
     -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
-
 @keyframes sk-rotateplane {
   0% {
     transform: perspective(120px) rotateX(0deg) rotateY(0deg);
@@ -3350,7 +3306,6 @@ p {
   100% {
     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
-
 .spinner-2 {
   text-align: center; }
   .spinner-2 > div {
@@ -3373,7 +3328,6 @@ p {
     -webkit-transform: scale(0); }
   40% {
     -webkit-transform: scale(1); } }
-
 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
@@ -3381,7 +3335,6 @@ p {
   40% {
     -webkit-transform: scale(1);
     transform: scale(1); } }
-
 .spinner-3 {
   width: 40px;
   height: 40px;
@@ -3397,7 +3350,6 @@ p {
   100% {
     -webkit-transform: scale(1);
     opacity: 0; } }
-
 @keyframes sk-scaleout {
   0% {
     -webkit-transform: scale(0);
@@ -3406,7 +3358,6 @@ p {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0; } }
-
 canvas {
   background: #fff;
   user-select: none; }
@@ -3415,23 +3366,18 @@ canvas {
 
 form li {
   margin: 5px 0 5px 0; }
-
 form td {
   white-space: nowrap;
   padding-bottom: 5px; }
   form td textarea + i {
     vertical-align: top; }
-
 form label {
   font-size: .9rem;
   color: black; }
-
 form i + i {
   margin-left: 3px; }
-
 form .layout td + td {
   padding-left: 5px; }
-
 form .list {
   font-size: 1rem; }
   form .list td {
@@ -3465,17 +3411,14 @@ img.frame-1 {
   border: 1px solid var(--box-border);
   box-sizing: border-box;
   width: 100%; }
-
 img.frame-2 {
   border: 1px solid var(--box-border);
   background: #fff;
   box-sizing: border-box;
   width: 100%; }
-
 img.rounded {
   border-radius: 50%;
   background: #fff; }
-
 img.bordered {
   border: 1px solid var(--box-border); }
 
@@ -3683,10 +3626,10 @@ input[type="datetime-local"] {
     height: auto;
     box-shadow: none;
     /*
-        &:hover, &:focus {
-            background: var(--button-colored-background-hover);
-        }
-        */ }
+    &:hover, &:focus {
+        background: var(--button-colored-background-hover);
+    }
+    */ }
   .inputWrapper .textWrapper {
     flex: 1;
     position: relative; }
@@ -3721,10 +3664,8 @@ input[type="datetime-local"] {
 
 .clickPopup label + input {
   display: none; }
-
 .clickPopup .more-functions {
   padding: 0 1rem 0 1rem; }
-
 .clickPopup .popup {
   box-sizing: border-box;
   padding: .5rem 1rem .5rem 1rem;
@@ -3768,9 +3709,9 @@ input[type="datetime-local"] {
     .clickPopup .popup > li a {
       display: block;
       /*
-                &:hover, &:focus {
-                }
-                */ }
+      &:hover, &:focus {
+      }
+      */ }
   .clickPopup .popup i {
     flex-grow: 0; }
 
@@ -3815,7 +3756,6 @@ textarea:invalid, input:invalid {
 
 input:valid ~ i.ok {
   display: inline-block !important; }
-
 input:valid ~ i.error {
   display: none !important; }
 
@@ -3866,7 +3806,6 @@ label.radio .checkmark {
     height: 5px;
     border-radius: 50%;
     background: #fff; }
-
 label.checkbox .checkmark:after {
   top: 2px;
   left: 4px;
@@ -4029,20 +3968,16 @@ select.plain {
     flex-grow: 1; }
   .more-container > label i {
     flex-grow: 0; }
-
 .more-container > input {
   display: none; }
-
 .more-container > input:checked + label {
   border-bottom: none;
   margin-bottom: 1rem; }
   .more-container > input:checked + label .expand {
     transition: all .3s ease;
     transform: rotateZ(90deg); }
-
 .more-container > input:checked ~ div {
   display: block; }
-
 .more-container > div {
   display: none; }
 
@@ -4095,7 +4030,6 @@ select.plain {
     left: -300%; }
   100% {
     left: -400%; } }
-
 div.slider-1 {
   overflow: hidden; }
   div.slider-1 figure {
@@ -4177,7 +4111,7 @@ div.slider-1 {
       width: 100%; }
 
 @keyframes carousel {
-  0%, 17.5% {
+  0%,  17.5% {
     transform: translateZ(-35vw) rotateY(0); }
   27.5%, 45% {
     transform: translateZ(-35vw) rotateY(-120deg); }
@@ -4185,7 +4119,6 @@ div.slider-1 {
     transform: translateZ(-35vw) rotateY(-240deg); }
   82.5%, 100% {
     transform: translateZ(-35vw) rotateY(-360deg); } }
-
 pre {
   border: 1px solid var(--box-border);
   background: #ccc;
@@ -4257,16 +4190,12 @@ blockquote {
   top: 50%;
   margin-top: -20px;
   left: 100%; }
-
 .crumbs-1 li.active:not(:last-child):after, .crumbs-1 li:hover:not(:last-child):after {
   color: var(--text-on-background-color-2); }
-
 .crumbs-1 li.active:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background); }
-
 .crumbs-1 li:hover:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background-hover); }
-
 .crumbs-1 :last-child:before {
   border: none; }
 
@@ -4519,27 +4448,25 @@ body > nav {
 @media only screen and (max-width: 800px) {
   #nav-trigger:not(:checked) + nav {
     width: 0%; }
+
   #nav-trigger:checked + nav {
     width: auto;
     min-width: 250px; } }
-
 @media only screen and (max-width: 500px) {
   #nav-trigger:checked + nav {
     width: 100%; }
+
   #nav-trigger:checked ~ main {
     display: none; } }
-
 .pagination li {
   display: inline-block; }
   .pagination li + li {
     margin-left: .5rem; }
-
 .pagination a {
   display: inline-block;
   border-radius: 3px;
   background: #ccc;
   padding: 5px 10px 5px 10px; }
-
 .pagination .active, .pagination a:hover, .pagination a:active {
   color: #000;
   background: #fff; }
@@ -4596,7 +4523,6 @@ body > nav {
     background-position: 0 0; }
   100% {
     background-position: 50px 50px; } }
-
 .noanimation > span > span, .noanimation > span:after {
   -webkit-animation: none; }
 
@@ -4733,7 +4659,6 @@ section header > h1 {
   padding-bottom: 5px;
   font-size: 1.1em;
   border-bottom: 1px solid #e1e1e1; }
-
 section > h2 {
   box-sizing: border-box;
   font-size: 1.2em;
@@ -4746,7 +4671,6 @@ section > h2 {
   .pagebreak {
     page-break-after: always;
     display: block; } }
-
 .tabview .tab-links {
   color: #000;
   padding: 5px 0 0 0; }
@@ -4770,7 +4694,6 @@ section > h2 {
     cursor: default; }
   .tabview .tab-links li {
     display: inline-block; }
-
 .tabview .tab-content {
   display: flex;
   flex: 1; }
@@ -4782,7 +4705,6 @@ section > h2 {
     display: flex;
     flex: 1;
     flex-direction: column; }
-
 .tabview.right > .box {
   order: 2; }
 
@@ -4798,13 +4720,11 @@ section > h2 {
     background: var(--button-colored-background); }
   .tab-1 .tab-links li {
     margin: 0 5px 0 0; }
-
 .tab-1 .tab-content {
   box-sizing: border-box;
   border: 1px solid var(--button-colored-background);
   background: #fff;
   padding: 10px; }
-
 .tab-1.left, .tab-1.right {
   display: flex; }
   .tab-1.left .tab-links, .tab-1.right .tab-links {
@@ -4847,23 +4767,17 @@ section > h2 {
 
 table.fixed {
   table-layout: fixed; }
-
 table input[type=radio]:checked + i {
   color: var(--button-colored-background); }
-
 table input[type=checkbox]:checked + label i {
   color: var(--button-colored-background); }
-
 table .order-up, table .order-down {
   cursor: pointer; }
-
 table .sort-asc, table .sort-desc, table .filter {
   padding: 0 2px 0 2px;
   cursor: pointer; }
-
 table:not([id]) > thead .sort-asc, table:not([id]) > thead .sort-desc {
   display: none; }
-
 table.default.sticky {
   position: relative; }
   table.default.sticky thead th, table.default.sticky thead td {
@@ -4873,7 +4787,6 @@ table.default.sticky {
     z-index: 2; }
     table.default.sticky thead th > *, table.default.sticky thead td > * {
       vertical-align: middle; }
-
 table.default {
   width: 100%;
   max-width: 100%;
@@ -4936,11 +4849,9 @@ table.default {
     table.default tfoot td {
       text-align: center;
       padding-top: 10px; }
-
 table.list th {
   text-align: left;
   padding: 2px 0 2px 0; }
-
 table.list td {
   padding: 2px 5px 2px 5px; }
 
@@ -4948,7 +4859,6 @@ thead input[type=radio] {
   padding: 0;
   margin: 0;
   display: none; }
-
 thead i.fa {
   color: #888; }
 
@@ -5026,7 +4936,6 @@ thead i.fa {
         font-weight: bold; }
     table.table tfoot {
       display: none; } }
-
 span.tag {
   cursor: pointer;
   border-radius: 4px;