Use lighter and smaller font sizes.

Thanks to xet7 !

client/components/cards/cardDetails.styl

@@ -42,7 +42,7 @@
 
     .card-details-title
       font-weight: bold
-      font-size: 1.33em
+      font-size: 1.30 em
       margin: 7px 0 0
       padding: 0
 
@@ -86,7 +86,7 @@
 
   .card-details-item-title
     font-size: 14px
-    color: darken(white, 45%)
+    color: #000
 
   .card-label
     padding-top: 5px

client/components/cards/checklists.styl

@@ -25,7 +25,7 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
     line-height: 30px
 
   .title
-    font-size: 18px
+    font-size: 16px
     line-height: 30px
 
   .checklist-stat

client/components/main/fonts.styl

@@ -2,16 +2,16 @@
   font-family: 'Roboto'
   font-style: normal
   font-weight: 400
-  src: local('Roboto'),
-       local('Roboto-Regular'),
-       url('/fonts/roboto-regular.woff2') format('woff2'),
-       url('/fonts/roboto-regular.woff') format('woff')
+  src: local('Roboto Consended Light'),
+       local('Roboto-Consended-Light'),
+       url('/fonts/roboto-condensed-light.woff') format('woff'),
+       url('/fonts/roboto-condensed-light.woff') format('woff')
 
 @font-face
   font-family: 'Roboto'
   font-style: normal
   font-weight: 700
-  src: local('Roboto Bold'),
-       local('Roboto-Bold'),
-       url('/fonts/roboto-bold.woff2') format('woff2'),
-       url('/fonts/roboto-bold.woff') format('woff')
+  src: local('Roboto Consended Bold'),
+       local('Roboto-Consended-Bold'),
+       url('/fonts/roboto-condensed-bold.woff2') format('woff'),
+       url('/fonts/roboto-condensed-bold.woff') format('woff')

client/components/settings/peopleBody.styl

@@ -2,7 +2,6 @@
   overflow: scroll;
 
 table
-  font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 100%;