diff --git a/sass/blog.scss b/sass/blog.scss
index e76e3b2..a24a8c0 100644
--- a/sass/blog.scss
+++ b/sass/blog.scss
@@ -4,12 +4,11 @@
     .blog-cards {
         @include blog-cards-and-blog-post-styles();
 
-        .blog-card {
-            h3 {
-                a.blog-title {
-                    @include underline-effect(absolute, 0px, $color-foreground);
-                }
+        a.blog-card {
+            h3.blog-title {
+                font-family: Andika;
             }
+            
             .blog-card-details {
                 display: flex;
                 justify-content: space-between;
@@ -17,10 +16,12 @@
 
                 .card-description {
                     font-weight: light;
+                    opacity: .7;
                 }
                 .card-date {
                     font-style: italic;
                     min-width: fit-content;
+                    font-family: Andika;
                 }
             }
         }
diff --git a/templates/blog.html b/templates/blog.html
index dc4c9f5..63d06ca 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -28,13 +28,13 @@
 
   <div class="blog-cards">
     {% for post in section.pages %}
-    <div class="blog-card">
-      <h3><a class="blog-title" href="{{ post.permalink }}">{{ post.title }}</a></h3>
+    <a class="blog-card" href="{{ post.permalink }}">
+      <h3 class="blog-title">{{ post.title }}</h3>
       <div class="blog-card-details">
         <p class="card-description"> {{ post.description }} </p>
         <span class="card-date"> {{ post.date | date(format="%B %d, %Y") }}</span>
       </div>
-    </div>
+    </a>
     {% endfor %}
   </div>
 </div>