Stylelint the SCSS, and re-compress the updated assets

public/assets/css/global.css

@@ -7,13 +7,14 @@ html {
 html {
   box-sizing: border-box; }
 
-*, *:before, *:after {
+*,
+*::before,
+*::after {
   box-sizing: inherit; }
 
 #topheader {
-  display: -ms-flexbox;
+  display: -webkit-box;
   display: flex;
-  -ms-flex-flow: row;
   flex-flow: row; }
 
 #topheader a {
@@ -28,10 +29,10 @@ nav {
 .note {
   background-color: #eee8d5;
   box-shadow: 0 0 10px 2px #93a1a1;
-  padding: 0.5em 0.5em;
+  padding: 0.5em;
   margin-top: 1em; }
 
-.note:after {
+.note::after {
   content: " ";
   display: block;
   height: 0;
@@ -61,7 +62,7 @@ nav {
   margin-left: 2em;
   margin-right: 2em;
   font-size: 0.8em;
-  padding: 0.5em 0.5em; }
+  padding: 0.5em; }
 
 .reply-to {
   margin-left: 2em;
@@ -81,7 +82,6 @@ nav {
   white-space: nowrap; }
 
 .mini-h-card img {
-  height: 1.26em;
   display: inline;
   border-radius: 2px;
   vertical-align: text-bottom; }
@@ -156,6 +156,7 @@ article header {
 
 body {
   text-rendering: optimizeLegibility;
+  -webkit-font-feature-settings: "liga";
   font-feature-settings: "liga";
   font-family: "leitura-news", serif;
   font-size: 1.2em; }
@@ -170,6 +171,7 @@ h1 {
   text-decoration: none; }
 
 nav {
+  -webkit-font-feature-settings: "dlig";
   font-feature-settings: "dlig"; }
 
 article header h1 a {
@@ -201,10 +203,14 @@ fieldset {
   min-width: 0;
   width: 100%; }
 
-input[type="text"], input[type="file"], textarea {
+input[type="text"],
+input[type="file"],
+textarea {
   width: 100%; }
 
-input, button, textarea {
+input,
+button,
+textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   background-color: #002b36;
@@ -213,6 +219,7 @@ input, button, textarea {
   border-radius: 4px; }
 
 button:hover {
+  -webkit-transition: 0.5s ease-in-out;
   transition: 0.5s ease-in-out;
   background-color: #fdf6e3;
   color: #002b36; }