create dark mode

components/Card.vue

@@ -4,7 +4,7 @@
       p {{title}}
     .card--body
       p {{desc}}
-      a(:href="url" target='_blank') {{url}}
+      a(:href="url" target='_blank') Visit Website
 </template>
 
 <script>
@@ -16,23 +16,27 @@ export default {
 
 <style lang="scss" scoped>
 .card {
-  background: #eee;
+  background: #2D3748;
   border-radius: .3rem;
   padding: 1rem;
 
   &--title {
-    font-weight: 900;
-    margin-bottom: .5rem;
+    p{
+      font-weight: 900;
+      margin: 0;
+    }
   }
 
   &--body {
     p {
-      font-size: 12px;
-      color: #8795A1;
-      margin-bottom: .5rem;
+      font-size: 13px;
+      color: white;
+      margin: 0 0 .7rem 0;
+      line-height: 1.3;
+      letter-spacing: .5px;
     }
     a {
-     font-size: 9px;
+     font-size: 12px;
      line-height: 1;
     }
   }