Fix project page colors (#295)

_sass/_base.scss

@@ -295,47 +295,38 @@ footer.sticky-bottom {
 // Projects
 
 .projects {
+  a {
+    text-decoration: none;
+
+    &:hover {
+      .card-title {
+        color: var(--global-theme-color);
+      }
+    }
+  }
+
+  .card {
+    img {
+      width: 100%;
+    }
+    .card-title {
+      color: $black-color;
+    }
+  }
+
   .card-item {
     width: auto;
     margin-bottom: 10px;
 
-    a {
-      text-decoration: none;
-    }
-
     .row {
       display: flex;
       align-items: center;
     }
-
-    .card {
-      img {
-        width: 100%;
-      }
-    }
   }
 
   .grid-item {
     width: 250px;
     margin-bottom: 10px;
-
-    a {
-      color: black;
-      text-decoration: none;
-
-      &:hover {
-        color: var(--global-theme-color);
-      }
-    }
-
-    .card {
-      img {
-        width: 100%;
-      }
-      .card-title {
-        color: $black-color;
-      }
-    }
   }
 
   h2.category {