feat: increase text contrast and sizing

not sure if this is a good idea

pages/[...slug].vue

@@ -58,13 +58,12 @@ const captionText =
 <style scoped>
 .container {
   width: 80%;
-  max-width: 72ch;
+  max-width: 80ch;
   padding-top: 2rem;
 }
 
 @media screen and (max-width: 600px) {
   .container {
-    max-width: 80ch;
     width: 90%;
   }
 

tailwind.config.js

@@ -3,10 +3,12 @@ export default {
   darkMode: "class",
   theme: {
     extend: {
-      typography: (theme) => ({
+      typography: ({ theme }) => ({
         DEFAULT: {
           css: [
             {
+              '--tw-prose-body': theme('colors.gray[900]'),
+              '--tw-prose-invert-body': theme('colors.gray[100]'),
               hr: {
                 marginTop: "1.5em",
                 marginBottom: "1.5em",