Use box-shadow feature boxes (#344)

* Use box-shadow feature boxes

* Override line-height for hero

* Fit keyfeatures to text

Author: jarrodmillman

assets/theme-css/keyfeatures.css

@@ -14,12 +14,13 @@
 }
 
 .keyfeatures-box-content {
-  height: 200px;
   min-width: 275px;
   width: 335px;
   margin: 25px auto;
-  border-radius: 25px;
-  border: 4px solid var(--colorBackgroundInverse);
+  border: 0.02em solid var(--pst-color-border);
+  box-shadow:
+    0 0.2rem 0.5rem var(--pst-color-shadow),
+    0 0 0.0625rem var(--pst-color-shadow);
 }
 
 .keyfeatures-box-title {
@@ -29,6 +30,8 @@
 }
 
 .keyfeatures-box-text {
+  line-height: 1.5;
+  font-size: 0.9em;
   margin: 15px;
   height: 6em;
   overflow: hidden;

assets/theme-css/styles.css

@@ -58,6 +58,7 @@ a > code {
   flex-direction: row;
   justify-content: center;
   width: 100%;
+  line-height: 1.5;
 }
 
 .hero-headline {