use Source Sans Pro and Lato

+ tune font sizes slightly

pages/_app.tsx

@@ -35,9 +35,6 @@ function MyApp({ Component, pageProps }) {
         />
         <link rel="manifest" href="/static/icons/site.webmanifest"/>
         <meta property="og:image" content="images/logo.png"/>
-        <script src="https://js.stripe.com/v3/"/>
-        <script src="//use.typekit.net/scb5xny.js"/>
-        <script>{"try{Typekit.load();}catch(e){};"}</script>
       </Head>
       <Component {...pageProps} />
     </>

styles/_header.styl

@@ -54,11 +54,13 @@ headerHeight = 400px
 .header__title
   color #fff
   display inline-block
-  font-size 3em
+  font-size 2.75em
   letter-spacing -1px
-  line-height 1.1
+  line-height 1.4em
   margin auto
   max-width 780px
+  font-family 'Lato', sans-serif
+  font-weight 900
   text-align center
   text-shadow 0 2px 0 rgba(#000, 0.1)
   vertical-align middle

styles/style.styl

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Source+Sans+Pro:wght@400;600;700&display=swap');
+
 linkColor = #3090de
 textColor = #444
 feedWidth = 500px
@@ -10,7 +12,7 @@ footerHeight = 50px
 
 body, html
   margin 0
-  font 16px 'proxima-nova', 'Helvetica Neue', helvetica, arial, sans-serif
+  font 18px 'Source Sans Pro', 'Helvetica Neue', helvetica, arial, sans-serif
   height 100%
   width 100%
   font-weight 400
@@ -31,7 +33,7 @@ h3
 
 p
   margin-top 1em
-  line-height 1.5em
+  line-height 1.75em
   font-size 16px
 
 a
@@ -308,7 +310,7 @@ footer
 
 .message__body
   font-weight 400
-  font-size 14px
+  font-size 15px
   line-height 1.4em
 
 .message__image