Update docs style

docs/assets/style.css

@@ -12,13 +12,18 @@
 
   --base-background-color: rgb(13, 15, 21);
   --base-background-color-trans: rgba(13, 15, 21, 0);
-  --base-font-family: "Roboto",sans-serif;
+  --base-font-family: 'Roboto',sans-serif;
 
-  --code-font-family: "Fira Mono",monospace;
+  --code-font-family: 'Martian Mono',monospace;
+  --code-font-weight: 300;
   --code-inline-background: var(--mono-tint1);
 
-  --heading-h1-font-weight: 600;
-  --heading-h2-font-weight: 600;
+  --heading-font-family: 'Roboto Condensed',sans-serif;
+  --heading-h1-font-weight: 700;
+  --heading-h2-font-weight: 700;
+  --heading-h3-font-weight: 700;
+  --heading-h4-font-weight: 700;
+  --heading-h5-font-weight: 700;
 
   --link-color: var(--theme-color);
 
@@ -52,14 +57,16 @@ body::before {
 }
 
 @media (min-width: 1200px) {
-  .content {
-    font-size: 111%;
+  :root {
+    --base-font-size: 18px;
+    --code-font-size: 14px;
   }
 }
 
 @media (min-width: 1400px) {
   :root {
-    --base-font-size: 18px;
+    --base-font-size: 20px;
+    --code-font-size: 16px;
   }
 }
 

docs/index.html

@@ -23,6 +23,8 @@
   <meta property="og:site_name" content="imgproxy documentation" />
   <meta name="keywords" content="image, resize-images, crop-image, microservice, docker, jpeg, png, libvips" />
   <meta name="theme-color" content="#000000" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="icon" type="image/png" href="/assets/favicon-196x196.png" sizes="196x196">
   <link rel="icon" type="image/png" href="/assets/favicon-128x128.png" sizes="128x128">
   <link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96">
@@ -53,6 +55,8 @@
   <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
   <script src="//unpkg.com/docsify-copy-code@2"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
-  <link href="https://fonts.googleapis.com/css?family=Fira+Mono|Roboto:400,700&display=swap" rel="stylesheet">
+  <link
+    href="https://fonts.googleapis.com/css2?family=Martian+Mono:wght@300&family=Roboto+Condensed:wght@700&family=Roboto:wght@400;700&display=swap"
+    rel="stylesheet">
 </body>
 </html>