update style; font 20px->16px

Author: benev0

content/assets/styles.css

@@ -1,6 +1,6 @@
 :root {
     --content-width: 960px;
-    font-size: 20px;
+    font-size: 16px;
 }
 
 :root[data-applied-mode="system"], :root[data-applied-mode="default"], :root {
@@ -63,34 +63,31 @@ html, body {
     padding: 0.25em 1.25em;
 }
 
-/* sync media query with content-width (mobile) */
-@media only screen and (max-width: 960px) {
-    .grid-container {
-        display: grid;
-        grid-auto-flow: row;
-        overflow: clip;
-        background-color: var(--mantle-color);
-    }
-}
+.grid-container {
+    display: grid;
+    grid-auto-flow: row;
+    background-color: var(--mantle-color);
+    padding-left: 2vw;
+    padding-right: 2vw;
+    min-height: 100vh;
 
-/* sync media query with content-width (desktop) */
-@media only screen and (min-width: 960px) {
-    .grid-container {
-        display: grid;
-        grid-auto-flow: row;
-        max-width: var(--content-width);
+    /* sync media query with content-width (mobile) */
+    /* @media only screen and (max-width: 960px) {
+        margin-left: 2vw;
+        margin-right: 2vw;
+    } */
+
+    /* sync media query with content-width (desktop) */
+    @media only screen and (min-width: 960px) {
         margin-left: auto;
         margin-right: auto;
-        padding-left: 2vw;
-        padding-right: 2vw;
-        min-height: 100vh;
-        background-color: var(--mantle-color);
+        max-width: var(--content-width);
     }
+
 }
 
 
 .gridCell {
     padding-left: 2vw;
     padding-right: 2vw;
-    /* height: 50%; */
 }