Linked blogpost headers on homepage up to posts

index.html

@@ -6,7 +6,7 @@ layout: default
   {% for post in site.posts %}
   <article class="post">    
     
-    <h1>{{ post.title }}</h1>
+    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
 
     <div class="date">
       {{ post.date | date: "%B %e, %Y" }}

scss/style.scss

@@ -37,10 +37,13 @@ h1, h2, h3, h4, h5, h6 {
   
 h1 {  
   font-weight: 400;
-  font-size: 35px;
+  font-size: 32px;
   @include mobile {
     font-size: 32px;
   }
+  a {
+    color: inherit;
+  }
 }
 
 h2 {  
@@ -157,7 +160,7 @@ img {
 
   font-family: $helveticaNeue; 
   font-weight: 300;
-  font-size: 31px;
+  font-size: 28px;
   letter-spacing: 1px;
   @include mobile {
     font-size: 22px;

style.css

@@ -334,10 +334,12 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
   font-weight: 400;
-  font-size: 35px; }
+  font-size: 32px; }
   @media screen and (max-width: 520px) {
     h1 {
       font-size: 32px; } }
+  h1 a {
+    color: inherit; }
 
 h2 {
   font-size: 26px; }
@@ -422,7 +424,7 @@ img {
   float: left;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
-  font-size: 31px;
+  font-size: 28px;
   letter-spacing: 1px;
   text-decoration: none;
   cursor: pointer;