diff --git a/_includes/header.html b/_includes/header.html
index 43b1a59..49b9a6a 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,7 +8,7 @@
   <div class="cover-image center-vertical"><img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt=""></div>
   {% endif %}
   <div class="cover center-both text-center">
-    <h1 class="title">{{ post.title }}</h1>
+   <a  href="{{ post.url }}" class="cover-link"> <h1 class="title">{{ post.title }}</h1></a>
   </div>
 
   <div class="left">
diff --git a/css/base.scss b/css/base.scss
index 475f622..8cfef41 100644
--- a/css/base.scss
+++ b/css/base.scss
@@ -164,12 +164,28 @@ body {
     color: white;
   }
 
+  .cover-link {
+    text-decoration: none;
+  }
+
+  .cover-link:hover {
+    text-decoration: none;
+  }
+
   .title {
     font-family: Merriweather;
     font-size: 42px;
     font-weight: bold;
     color: #ffffff;
     text-shadow: 1px 1px 10px #000000;
+    -webkit-transition: text-shadow 0.5s ease;
+    -moz-transition: text-shadow 0.5s ease;
+    -o-transition: text-shadow 0.5s ease;
+    transition: text-shadow 0.5s ease;
+  }
+
+  .title:hover {
+    text-shadow: 1px 1px 10px #777777;
   }
 
   .cover-image {