diff --git a/public/blog/src/components/blog.module.css b/public/blog/src/components/blog.module.css
index e6fd8a0..e4cd71f 100644
--- a/public/blog/src/components/blog.module.css
+++ b/public/blog/src/components/blog.module.css
@@ -46,8 +46,10 @@ html {
     /* text-decoration: #7A7D7D dotted underline; */
     text-decoration: none;
     color: var(--title);
-    font-size: 30px;
+    font-size: 1.7em;
     margin-top: 5%;
+    margin-left: 2%;
+    margin-right: 2%;
 }
 
 .blogTitle:hover {
diff --git a/public/blog/src/components/layout.css b/public/blog/src/components/layout.css
index e2ca1c9..9c87a89 100644
--- a/public/blog/src/components/layout.css
+++ b/public/blog/src/components/layout.css
@@ -8,10 +8,10 @@
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
     "Courier New", monospace;
-  --font-lg: 18px;
-  --font-md: 16px;
-  --font-sm: 14px;
-  --font-sx: 12px;
+  --font-lg: 16px;
+  --font-md: 14px;
+  --font-sm: 12px;
+  --font-sx: 10px;
   --line-height-loose: 1.75;
   --line-height-normal: 1.5;
   --line-height-dense: 1.1;