fix: safari webkit text scaling

assets/css/style.css

@@ -98,7 +98,7 @@ h1 {
   object-position: center;
 }
 
-/* code snippets */
+/* code blocks */
 .content pre {
   padding: 1rem;
   border-radius: 0.3rem;
@@ -106,10 +106,12 @@ h1 {
   overflow-x: auto;
 }
 
+/* code block contents */
 .content code {
   font-size: 0.8rem;
 }
 
+/* inline code snippets */
 p > code,
 li > code {
   background-color: var(--code);
@@ -145,3 +147,11 @@ li > code {
 .content ol li {
     margin-bottom: 8px;
 }
+
+@media only screen and (max-device-width: 768px) {
+    /* attempted workaround for Safari not calculating rem units correctly */
+    html {
+        font-size: 90%;
+        -webkit-text-size-adjust: none;
+    }
+}