diff --git a/layouts/partials/books-section.html b/layouts/partials/books-section.html
index da95a97..d0bccea 100644
--- a/layouts/partials/books-section.html
+++ b/layouts/partials/books-section.html
@@ -13,8 +13,8 @@
                   <img src={{ .imgsrc }} alt={{ .title }}>
                 </a>
             </div>
-            <p class="book-stats"><b>{{ .body }}</b></p>
-            <p class="book-stats"><a href={{ .path }}>Details</a></p>
+            <p class="book-blurb"><b>{{ .body }}</b></p>
+            <p class="book-detail"><a href={{ .path }}>Details</a></p>
         </div>
       </div>
       {{ end}}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index b0882e0..301d948 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -11,6 +11,8 @@
   <title>{{ $title }}</title>
   {{- partial "octocss.html" . -}}
   {{ if eq .Title "Writing" }}
+    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
     <style>
       .accordion {
         cursor: pointer;
@@ -35,6 +37,7 @@
       }
       .acc-panel a {
         color: #0C84DC;
+        text-decoration: underline;
       }
       
       #writing-page .thead {
@@ -65,16 +68,30 @@
       }
 
       .book-cell {
+        font-family: 'IBM Plex Mono';
         text-align: center;
       }
       .book-cover img {
         max-width: 140px;
       }
-
-      .book-stats {
+      
+      .book-blurb {
+        font-family: 'IBM Plex Mono';
+        font-size: 12px;
         padding-top: 10px;
       }
 
+      .book-detail {
+        font-family: 'IBM Plex Mono';
+        font-size: 18px;
+        padding-top: 10px;
+        text-decoration: underline;
+      }
+
+      .book-detail a {
+        color: #000;
+      }
+
     </style>
     <script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>
   {{ end }}