fix image. flatten h# headers. resize image

Author: jsr6720

_posts/2024-05-26-the-last-time.md

@@ -29,9 +29,10 @@ I was at an estate sale and bought a couple boxes of crayons for $1. I noticed t
     <img src="/assets/posts-images/small-crayola-box-back.png" alt="small crayola box back" class="center-img img-stylish"/>
 </div>
 
-## Jc James, whats the moral here
+## J.c. James, whats the moral here
+
+Cherish the time you have. There will be more firsts, but there will also be lasts. And yes, even this project will have one last `_post`. Just don't know when that'll be right this minute.
 
-Cherish the time you have. There will be more firsts, but there will also be lasts.
 
 <img src="/assets/posts-images/kym-last-online-5-years-ago.jpeg" alt="know your meme last online" class="center-img img-stylish"/>
 

assets/css/overrides.css

@@ -21,10 +21,11 @@ body {
   color: var(--text-color-light);
   transition: background-color 0.3s, color 0.3s;
 
-  font-family: "Georgia", "Courier New", serif;
 }
 
 /** 
+tbd
+  font-family: "Georgia", "Courier New", serif;
 some other fonts I've played with
 font-family: "Consolas", "Courier New", monospace; // I used to program exclusively in this.. 
 font-family: "Comic Sans MS", "Comic Sans", cursive; // I mean just because
@@ -108,4 +109,32 @@ font-family: "Comic Sans MS", "Comic Sans", cursive; // I mean just because
 
 .post-list .post-item {
   margin-bottom: 20px;
+}
+
+.post-header .post-title {
+  font-size: 2em;
+}
+
+.post-content h1 {
+  font-size: 1.75em;
+}
+
+.post-content h2 {
+  font-size: 1.5em;
+}
+
+.post-content h3 {
+  font-size: 1.25em;
+}
+
+.post-content h4 {
+  font-size: 1.1em;
+}
+
+.post-content h5 {
+  font-size: 1em;
+}
+
+.post-content h6 {
+  font-size: 0.9em;
 }