style: add zoom effect on card hover

src/scss/app.scss

@@ -183,13 +183,38 @@ article {
   background: #000;
   box-shadow: 0 0 15px rgba(0, 0, 0, .1);
 
-  .project-image a {
+  &:hover {
+    .project-image {
+      img {
+        transform: scale(110%);
+      }
+      
+      p.project-title {
+        font-size: 1.2em;
+        margin: calc(-35px - .2em) 0 0;
+      }
+    }
+  }
+
+  .project-image {
+    overflow: hidden;
+
+    img {
+      z-index: -2;
+      transform: scale(100%);
+
+      transition: transform 500ms;
+    }
+
+    a {
       &:link, &:visited, &:hover &:active {
         color: #fff;
       }
     }
 
-  .project-image p.project-title {
+    p.project-title {
+      font-size: 1em;
+      transition: font-size 500ms, margin 500ms;
       position: relative;
       bottom: 0;
       width: 100%;
@@ -197,6 +222,7 @@ article {
       padding: 5px;
       background-color: rgba(#000, 50%);
     }
+  }
 }
 
 .blog-card {
@@ -320,7 +346,7 @@ a.brand-linkedin {
 }
 
 table.reading-list {
-  th,td {
+  th, td {
     vertical-align: middle;
   }
 }