Tweak showcase styles

This pushes the black text box up and to the left to leave more space for text.

Author: trvrb

static-site/src/components/Cards/styles.tsx

@@ -41,14 +41,14 @@ export const CardOuter = styled.div<{$squashed: boolean}>`
 export const CardTitle = styled.div<{$squashed: boolean}>`
   font-family: ${(props) => props.theme.generalFont};
   font-weight: 500;
-  font-size: ${(props) => props.$squashed ? "22px" : "26px"};
+  font-size: ${(props) => props.$squashed ? "21px" : "25px"};
   @media (max-width: 768px) {
     font-size: 22px;
   }
   position: absolute;
   border-radius: 3px;
-  padding: 10px 20px 10px 20px;
-  top: 40px;
+  padding: 10px 20px 10px 10px;
+  top: 15px;
   left: 20px;
   color: white;
   background: rgba(0, 0, 0, 0.7);

static-site/src/components/splash/index.jsx

@@ -62,7 +62,7 @@ const Splash = () => {
       <HugeSpacer/>
 
       <Styles.H1>
-        Featured resources
+        Featured analyses
       </Styles.H1>
 
       <BigSpacer/>