diff --git a/.eslintrc.json b/.eslintrc.json
index 2bfb18038..d080a31af 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -4,8 +4,7 @@
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
     "prettier/@typescript-eslint",
-    "plugin:prettier/recommended",
-    "plugin:mdx/recommended"
+    "plugin:prettier/recommended"
   ],
   "plugins": [
     "react",
diff --git a/cypress/integration/home_spec.ts b/cypress/integration/home_spec.ts
index f086b02e3..a118b9d48 100644
--- a/cypress/integration/home_spec.ts
+++ b/cypress/integration/home_spec.ts
@@ -14,7 +14,7 @@ describe.skip('Home', () => {
     })
   })
 
-  it('should render overthought', () => {
-    cy.contains('Overthought').scrollIntoView().should('be.visible')
+  it('should render writing', () => {
+    cy.contains('Writing').scrollIntoView().should('be.visible')
   })
 })
diff --git a/cypress/integration/overthought_post_spec.ts b/cypress/integration/overthought_post_spec.ts
index 56b6a0d1b..edfadc1e2 100644
--- a/cypress/integration/overthought_post_spec.ts
+++ b/cypress/integration/overthought_post_spec.ts
@@ -1,23 +1,24 @@
 /// <reference types="cypress" />
 /// <reference types="@testing-library/cypress" />
 
-describe('Overthought index', () => {
+describe('Posts index', () => {
   it('should render post', () => {
-    cy.visit('/overthought/adding-dark-mode-with-next-js')
-    cy.get('[data-cy="overthought-post"]').scrollIntoView().should('be.visible')
+    cy.visit('/writing/adding-dark-mode-with-next-js')
+    cy.get('[data-cy="post"]').scrollIntoView().should('be.visible')
   })
 
   it('should render 404', () => {
-    cy.visit('/overthought/foobar')
+    cy.visit('/writing/foobar')
     cy.wait(1000)
-    cy.get('[data-cy="overthought-not-found"]')
-      .scrollIntoView()
-      .should('be.visible')
+    cy.get('[data-cy="post-not-found"]').scrollIntoView().should('be.visible')
   })
 
   it('should render newsletter', () => {
-    cy.visit('/overthought/adding-dark-mode-with-next-js')
-    cy.get('[data-cy="overthought-subscribe-box"]')
+    cy.visit('/writing/adding-dark-mode-with-next-js')
+    cy.get('[data-cy="writing-feedback-box"]')
+      .scrollIntoView()
+      .should('be.visible')
+    cy.get('[data-cy="writing-subscribe-box"]')
       .scrollIntoView()
       .should('be.visible')
   })
diff --git a/cypress/integration/overthought_spec.ts b/cypress/integration/overthought_spec.ts
index 42397ad3e..f68ceb43e 100644
--- a/cypress/integration/overthought_spec.ts
+++ b/cypress/integration/overthought_spec.ts
@@ -1,17 +1,17 @@
 /// <reference types="cypress" />
 /// <reference types="@testing-library/cypress" />
 
-describe('Overthought index', () => {
+describe('Posts index', () => {
   before(() => {
-    cy.visit('/overthought')
+    cy.visit('/writing')
   })
 
   it('should render header', () => {
-    cy.get('[data-cy="overthought"]').scrollIntoView().should('be.visible')
+    cy.get('[data-cy="writing"]').scrollIntoView().should('be.visible')
   })
 
   it('should render newsletter', () => {
-    cy.get('[data-cy="overthought-subscribe-box"]')
+    cy.get('[data-cy="writing-subscribe-box"]')
       .scrollIntoView()
       .should('be.visible')
   })
diff --git a/next.config.js b/next.config.js
index c117b2339..0446a40c8 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,12 +1,6 @@
-const path = require('path')
-const withMDX = require('@next/mdx')({
-  extension: /\.mdx?$/,
-})
-
-module.exports = withMDX({
-  pageExtensions: ['ts', 'tsx', 'mdx'],
+module.exports = {
   images: {
-    domains: ['pbs.twimg.com'],
+    domains: ['pbs.twimg.com', 'overthought.ghost.io'],
   },
   env: {
     FATHOM_SITE_ID: process.env.FATHOM_SITE_ID,
@@ -14,4 +8,38 @@ module.exports = withMDX({
     GHOST_API_KEY: process.env.GHOST_API_KEY,
     SIMPLECAST_V2_API_KEY: process.env.SIMPLECAST_V2_API_KEY,
   },
-})
+  async redirects() {
+    return [
+      {
+        source: '/uses',
+        destination: '/stack',
+        permanent: true,
+      },
+      {
+        source: '/design-details',
+        destination: '/app-dissection',
+        permanent: true,
+      },
+      {
+        source: '/design-details/:slug',
+        destination: '/app-dissection/:slug',
+        permanent: true,
+      },
+      {
+        source: '/journal',
+        destination: '/writing',
+        permanent: true,
+      },
+      {
+        source: '/overthought',
+        destination: '/writing',
+        permanent: true,
+      },
+      {
+        source: '/overthought/:slug',
+        destination: '/writing/:slug',
+        permanent: true,
+      },
+    ]
+  },
+}
diff --git a/package.json b/package.json
index 941ab1505..82fc947eb 100644
--- a/package.json
+++ b/package.json
@@ -22,11 +22,6 @@
     "@apollo/client": "^3.3.10",
     "@apollo/link-error": "^2.0.0-beta.3",
     "@apollo/link-schema": "^2.0.0-beta.3",
-    "@mdx-js/loader": "^1.6.22",
-    "@mdx-js/react": "^1.6.22",
-    "@next/bundle-analyzer": "^10.0.6",
-    "@next/mdx": "^10.0.6",
-    "@now/node": "^1.8.5",
     "@tailwindcss/forms": "^0.2.1",
     "@tailwindcss/typography": "^0.4.0",
     "@tippy.js/react": "^3.1.1",
@@ -47,15 +42,11 @@
     "postmark": "^2.7.1",
     "prismjs": "^1.23.0",
     "react": "^17.0.1",
-    "react-clipboard.js": "^2.0.16",
     "react-dom": "^17.0.1",
     "react-feather": "^2.0.9",
-    "react-flip-move": "^3.0.4",
     "react-linkify": "^1.0.0-alpha",
     "react-markdown": "^5.0.3",
     "react-visibility-sensor": "^5.1.1",
-    "rebass": "^4.0.7",
-    "reflexbox": "^4.0.6",
     "rehype-parse": "^7.0.1",
     "rehype-remark": "^8.0.0",
     "remark-preset-lint-recommended": "^5.0.0",
@@ -64,9 +55,6 @@
     "serve-favicon": "^2.5.0",
     "string-replace-to-array": "^1.0.3",
     "styled-components": "^4.4.1",
-    "terser": "^5.6.0",
-    "theme-ui": "^0.3.5",
-    "throttle-debounce": "^3.0.1",
     "timeago.js": "^4.0.2",
     "twilio": "^3.57.0",
     "unified": "^9.2.1",
@@ -93,14 +81,14 @@
     "autoprefixer": "^10.2.4",
     "babel-eslint": "^10.1.0",
     "babel-plugin-styled-components": "^1.12.0",
-    "cypress": "6.5.0",
+    "cypress": "^6.6.0",
     "eslint": "^7.21.0",
     "eslint-config-prettier": "^7.2.0",
     "eslint-plugin-cypress": "^2.11.2",
     "eslint-plugin-mdx": "^1.9.0",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-react": "^7.22.0",
-    "husky": "^5.1.2",
+    "husky": "^5.1.3",
     "lint-staged": "^10.5.4",
     "now-env": "^3.2.0",
     "postcss": "^8.2.5",
@@ -123,4 +111,4 @@
   },
   "pre-commit": "lint:staged && generate",
   "license": "MIT"
-}
+}
\ No newline at end of file
diff --git a/public/static/fonts/iAWriterQuattroS-Bold.woff b/public/static/fonts/iAWriterQuattroS-Bold.woff
new file mode 100644
index 000000000..053e11d9a
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Bold.woff differ
diff --git a/public/static/fonts/iAWriterQuattroS-Bold.woff2 b/public/static/fonts/iAWriterQuattroS-Bold.woff2
new file mode 100644
index 000000000..d4c3f631f
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Bold.woff2 differ
diff --git a/public/static/fonts/iAWriterQuattroS-BoldItalic.woff b/public/static/fonts/iAWriterQuattroS-BoldItalic.woff
new file mode 100644
index 000000000..90857aadd
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-BoldItalic.woff differ
diff --git a/public/static/fonts/iAWriterQuattroS-BoldItalic.woff2 b/public/static/fonts/iAWriterQuattroS-BoldItalic.woff2
new file mode 100644
index 000000000..fb9324dc4
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-BoldItalic.woff2 differ
diff --git a/public/static/fonts/iAWriterQuattroS-Italic.woff b/public/static/fonts/iAWriterQuattroS-Italic.woff
new file mode 100644
index 000000000..9c53e1a1b
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Italic.woff differ
diff --git a/public/static/fonts/iAWriterQuattroS-Italic.woff2 b/public/static/fonts/iAWriterQuattroS-Italic.woff2
new file mode 100644
index 000000000..ae1630c22
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Italic.woff2 differ
diff --git a/public/static/fonts/iAWriterQuattroS-Regular.woff b/public/static/fonts/iAWriterQuattroS-Regular.woff
new file mode 100644
index 000000000..87c5b87a2
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Regular.woff differ
diff --git a/public/static/fonts/iAWriterQuattroS-Regular.woff2 b/public/static/fonts/iAWriterQuattroS-Regular.woff2
new file mode 100644
index 000000000..a25cdbcdd
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroS-Regular.woff2 differ
diff --git a/public/static/fonts/iAWriterQuattroV-Italic.ttf b/public/static/fonts/iAWriterQuattroV-Italic.ttf
new file mode 100644
index 000000000..b855d8ef3
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroV-Italic.ttf differ
diff --git a/public/static/fonts/iAWriterQuattroV.ttf b/public/static/fonts/iAWriterQuattroV.ttf
new file mode 100644
index 000000000..6d50c1419
Binary files /dev/null and b/public/static/fonts/iAWriterQuattroV.ttf differ
diff --git a/public/static/img/subscription_icons/breaker.png b/public/static/img/subscription_icons/breaker.png
deleted file mode 100755
index e829ab17e..000000000
Binary files a/public/static/img/subscription_icons/breaker.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/castro.png b/public/static/img/subscription_icons/castro.png
deleted file mode 100755
index d789f0c6a..000000000
Binary files a/public/static/img/subscription_icons/castro.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/google-podcasts.png b/public/static/img/subscription_icons/google-podcasts.png
deleted file mode 100755
index 7bdde75b5..000000000
Binary files a/public/static/img/subscription_icons/google-podcasts.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/overcast.png b/public/static/img/subscription_icons/overcast.png
deleted file mode 100755
index 933ed7457..000000000
Binary files a/public/static/img/subscription_icons/overcast.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/pocketcasts.png b/public/static/img/subscription_icons/pocketcasts.png
deleted file mode 100755
index 9d81005ba..000000000
Binary files a/public/static/img/subscription_icons/pocketcasts.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/podcasts.png b/public/static/img/subscription_icons/podcasts.png
deleted file mode 100755
index f587d303f..000000000
Binary files a/public/static/img/subscription_icons/podcasts.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/rss.png b/public/static/img/subscription_icons/rss.png
deleted file mode 100755
index c20078fd0..000000000
Binary files a/public/static/img/subscription_icons/rss.png and /dev/null differ
diff --git a/public/static/img/subscription_icons/spotify.png b/public/static/img/subscription_icons/spotify.png
deleted file mode 100644
index c23b83f59..000000000
Binary files a/public/static/img/subscription_icons/spotify.png and /dev/null differ
diff --git a/src/components/AMAQuestions/AskQuestion.tsx b/src/components/AMAQuestions/AskQuestion.tsx
index 415bc63bf..4fdd66f0b 100644
--- a/src/components/AMAQuestions/AskQuestion.tsx
+++ b/src/components/AMAQuestions/AskQuestion.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react'
 import { useAddAmaQuestionMutation } from '~/graphql/types.generated'
 import { Textarea } from '~/components/Input'
+import { ErrorAlert, SuccessAlert } from '../Alert'
+import Button from '../Button'
 
 export default function AddBookmark() {
   const [question, setQuestion] = React.useState('')
@@ -37,7 +39,7 @@ export default function AddBookmark() {
   }
 
   return (
-    <form className="flex flex-col items-stretch space-y-4" onSubmit={onSubmit}>
+    <form className="items-stretch space-y-4" onSubmit={onSubmit}>
       <Textarea
         value={question}
         placeholder="Ask me anything..."
@@ -46,16 +48,14 @@ export default function AddBookmark() {
       />
       {question.length > 0 && (
         <div className="flex self-end">
-          <button className="btn btn-primary" onClick={onSubmit}>
-            Ask away!
-          </button>
+          <Button onClick={onSubmit}>Ask away!</Button>
         </div>
       )}
-      {error && <p className="text-red-500">{error}</p>}
+      {error && <ErrorAlert>{error}</ErrorAlert>}
       {success && (
-        <p className="text-green-500">
+        <SuccessAlert>
           Thanks for asking! I’ll reply soon, so feel free to check back 👋
-        </p>
+        </SuccessAlert>
       )}
     </form>
   )
diff --git a/src/components/AMAQuestions/EditQuestion.tsx b/src/components/AMAQuestions/EditQuestion.tsx
index 208b1e248..6399c34c4 100644
--- a/src/components/AMAQuestions/EditQuestion.tsx
+++ b/src/components/AMAQuestions/EditQuestion.tsx
@@ -7,6 +7,7 @@ import {
 } from '~/graphql/types.generated'
 import { GET_AMA_QUESTIONS } from '~/graphql/queries'
 import { Textarea } from '~/components/Input'
+import Button from '../Button'
 
 interface Props {
   question: Ama
@@ -160,7 +161,7 @@ export default function EditQuestion(props: Props) {
   }
 
   return (
-    <form className="flex flex-col space-y-4" onSubmit={handleSave}>
+    <form className="space-y-4" onSubmit={handleSave}>
       <Textarea
         placeholder="Question"
         value={state.question}
@@ -169,7 +170,6 @@ export default function EditQuestion(props: Props) {
       />
 
       <Textarea
-        autoFocus
         placeholder="Answer..."
         value={state.answer}
         onChange={onAnswerChange}
@@ -179,18 +179,12 @@ export default function EditQuestion(props: Props) {
 
       {state.error && <p className="text-red-500">{state.error}</p>}
 
-      <div className="flex space-between justify-between">
+      <div className="flex justify-between space-between">
+        <Button onClick={() => handleDelete()}>Delete</Button>
         <div className="flex space-x-3">
-          <button className="text-blue-500" onClick={handleSave}>
-            Save
-          </button>
-          <button className="black-link" onClick={onDone}>
-            Cancel
-          </button>
+          <Button onClick={onDone}>Cancel</Button>
+          <Button onClick={handleSave}>Save</Button>
         </div>
-        <button className="text-red-500" onClick={() => handleDelete()}>
-          Delete
-        </button>
       </div>
     </form>
   )
diff --git a/src/components/AMAQuestions/PendingQuestions.tsx b/src/components/AMAQuestions/PendingQuestions.tsx
index 2ac1c3d04..5f78fc7ef 100644
--- a/src/components/AMAQuestions/PendingQuestions.tsx
+++ b/src/components/AMAQuestions/PendingQuestions.tsx
@@ -22,7 +22,7 @@ export default function PendingQuestion() {
   if (!data || !data.amaQuestions) return null
 
   return (
-    <div className="flex flex-col space-y-8">
+    <div className=" space-y-8">
       {data.amaQuestions.map((question) => (
         <QuestionItem editable={true} key={question.id} question={question} />
       ))}
diff --git a/src/components/AMAQuestions/QuestionItem.tsx b/src/components/AMAQuestions/QuestionItem.tsx
index 5dfacb28e..316d981f0 100644
--- a/src/components/AMAQuestions/QuestionItem.tsx
+++ b/src/components/AMAQuestions/QuestionItem.tsx
@@ -4,6 +4,7 @@ import { format } from 'timeago.js'
 import QuestionReaction from './QuestionReaction'
 import EditQuestion from './EditQuestion'
 import MarkdownRenderer from '../MarkdownRenderer'
+import Linkify from '../Linkify'
 
 interface Props {
   editable: boolean
@@ -28,39 +29,37 @@ export const QuestionItem = React.memo((props: Props) => {
   }
 
   return (
-    <div className="flex flex-col space-y-2">
-      <p className="font-bold">{question.question}</p>
+    <div className="space-y-1 ">
+      <span>
+        <p className="font-medium text-primary">{question.question}</p>
+      </span>
       {question.answer && (
-        <div className="prose lg:prose-lg flex flex-col">
-          <MarkdownRenderer>{question.answer}</MarkdownRenderer>
-        </div>
+        <p className="text-tertiary clamp-3">
+          <Linkify>{question.answer}</Linkify>
+        </p>
       )}
-
-      <div className="flex items-center space-x-3">
+      <span className="flex items-center space-x-2 text-tertiary">
         <QuestionReaction question={question} />
-
-        <span className="divider-gray">/</span>
+        <span className="text-quaternary">{' · '}</span>
 
         <p
-          className={`p-small ${
-            question.answer ? 'text-gray-700' : 'text-yellow-500'
-          }`}
+          className={`${question.answer ? 'text-tertiary' : 'text-yellow-500'}`}
         >
-          {question.answer ? 'Updated' : 'Asked'} {format(updatedAt)}
+          {format(updatedAt)}
         </p>
 
         {editable && (
           <div className="flex space-x-2">
-            <span className="divider-gray">/</span>
+            <span className="text-quaternary">·</span>
             <button
-              className="p-small black-link"
+              className="text-tertiary hover:text-gray-1000 dark:hover:text-gray-50"
               onClick={() => setIsEditing(true)}
             >
               Edit
             </button>
           </div>
         )}
-      </div>
+      </span>
     </div>
   )
 })
diff --git a/src/components/AMAQuestions/QuestionReaction.tsx b/src/components/AMAQuestions/QuestionReaction.tsx
index 544d961dd..38c53f325 100644
--- a/src/components/AMAQuestions/QuestionReaction.tsx
+++ b/src/components/AMAQuestions/QuestionReaction.tsx
@@ -28,7 +28,7 @@ export default function QuestionReaction(props: Props) {
 
   return (
     <button
-      className="flex space-x-2 items-center focus:ring-opacity-0"
+      className="flex items-center space-x-2 focus:ring-opacity-0"
       onClick={handleReaction}
     >
       <svg
@@ -42,14 +42,12 @@ export default function QuestionReaction(props: Props) {
           fillRule="evenodd"
           clipRule="evenodd"
           className={`fill-current ${
-            question.reactions > 0
-              ? 'text-red-500'
-              : 'text-gray-400 dark:text-gray-600'
+            question.reactions > 0 ? 'text-red-500' : 'text-quaternary'
           }`}
           d="M7.655 14.9159C7.65523 14.9161 7.65543 14.9162 8 14.25C8.34457 14.9162 8.34477 14.9161 8.34501 14.9159C8.12889 15.0277 7.87111 15.0277 7.655 14.9159ZM7.655 14.9159L8 14.25L8.34501 14.9159L8.34731 14.9147L8.35269 14.9119L8.37117 14.9022C8.38687 14.8939 8.40926 14.882 8.4379 14.8665C8.49516 14.8356 8.57746 14.7904 8.6812 14.7317C8.8886 14.6142 9.18229 14.442 9.53358 14.2199C10.2346 13.7767 11.1728 13.13 12.1147 12.3181C13.9554 10.7312 16 8.35031 16 5.5C16 2.83579 13.9142 1 11.75 1C10.2026 1 8.84711 1.80151 8 3.01995C7.15289 1.80151 5.79736 1 4.25 1C2.08579 1 0 2.83579 0 5.5C0 8.35031 2.04459 10.7312 3.8853 12.3181C4.82717 13.13 5.76538 13.7767 6.46642 14.2199C6.81771 14.442 7.1114 14.6142 7.3188 14.7317C7.42254 14.7904 7.50484 14.8356 7.5621 14.8665C7.59074 14.882 7.61313 14.8939 7.62883 14.9022L7.64731 14.9119L7.65269 14.9147L7.655 14.9159Z"
         ></path>
       </svg>
-      <span className="p-small">{question.reactions.toLocaleString()}</span>
+      <span>{question.reactions.toLocaleString()}</span>
     </button>
   )
 }
diff --git a/src/components/AMAQuestions/index.tsx b/src/components/AMAQuestions/index.tsx
index c5270a7e9..4214b534c 100644
--- a/src/components/AMAQuestions/index.tsx
+++ b/src/components/AMAQuestions/index.tsx
@@ -8,6 +8,7 @@ import { QuestionItem } from './QuestionItem'
 import AskQuestion from './AskQuestion'
 import PendingQuestions from './PendingQuestions'
 import FullscreenLoading from '../FullscreenLoading'
+import Button from '../Button'
 
 export default function QuestionsList() {
   const { isMe } = useAuth()
@@ -61,11 +62,9 @@ export default function QuestionsList() {
   }
 
   return (
-    <div className="flex flex-col mt-8 space-y-8">
+    <div className="mt-8 space-y-8 ">
       <AskQuestion />
 
-      <Divider />
-
       {isMe && <PendingQuestions />}
 
       {questions.map((question) => (
@@ -75,9 +74,9 @@ export default function QuestionsList() {
       {questions.length === 0 && <p>No questions yet!</p>}
 
       {showLoadMore && (
-        <button className="btn" onClick={handleLoadMore}>
+        <Button className="w-full" onClick={handleLoadMore}>
           {loading ? <LoadingSpinner /> : 'Show me more'}
-        </button>
+        </Button>
       )}
     </div>
   )
diff --git a/src/components/Alert/index.tsx b/src/components/Alert/index.tsx
new file mode 100644
index 000000000..0694ebc95
--- /dev/null
+++ b/src/components/Alert/index.tsx
@@ -0,0 +1,15 @@
+export function ErrorAlert({ children }) {
+  return (
+    <p className="p-2 text-center text-red-600 bg-red-500 bg-opacity-5">
+      {children}
+    </p>
+  )
+}
+
+export function SuccessAlert({ children }) {
+  return (
+    <p className="p-2 text-center text-green-700 bg-green-500 bg-opacity-5">
+      {children}
+    </p>
+  )
+}
diff --git a/src/components/Bookmarks/AddBookmark.tsx b/src/components/Bookmarks/AddBookmark.tsx
index 0b743add4..6d8255078 100644
--- a/src/components/Bookmarks/AddBookmark.tsx
+++ b/src/components/Bookmarks/AddBookmark.tsx
@@ -3,6 +3,8 @@ import { useAddBookmarkMutation } from '~/graphql/types.generated'
 import { GET_BOOKMARKS } from '~/graphql/queries'
 import { Input, Textarea } from '~/components/Input'
 import { useRouter } from 'next/router'
+import Button from '../Button'
+import { ErrorAlert } from '../Alert'
 
 export default function AddBookmark() {
   const router = useRouter()
@@ -94,9 +96,8 @@ export default function AddBookmark() {
   }
 
   return (
-    <form className="flex flex-col space-y-3" onSubmit={onSubmit}>
+    <form className="space-y-3 " onSubmit={onSubmit}>
       <Input
-        autoFocus
         type="text"
         placeholder="Add a url..."
         value={url}
@@ -130,12 +131,14 @@ export default function AddBookmark() {
               <option value="website">Personal Site / Blog</option>
             </select>
           </div>
-          <button className="self-end btn btn-primary" onClick={onSubmit}>
-            Save
-          </button>
+          <div className="self-end">
+            <Button disabled={!url} onClick={onSubmit}>
+              Save
+            </Button>
+          </div>
         </React.Fragment>
       )}
-      {error && <p className="text-red-500">{error}</p>}
+      {error && <ErrorAlert>{error}</ErrorAlert>}
     </form>
   )
 }
diff --git a/src/components/Bookmarks/BookmarkListItem.tsx b/src/components/Bookmarks/BookmarkListItem.tsx
index 6186e4e13..439495e9a 100644
--- a/src/components/Bookmarks/BookmarkListItem.tsx
+++ b/src/components/Bookmarks/BookmarkListItem.tsx
@@ -2,40 +2,15 @@ import * as React from 'react'
 import { Bookmark } from '~/graphql/types.generated'
 import EditingBookmarkListItem from './EditingBookmarkListItem'
 import BookmarkReaction from './BookmarkReaction'
-import { BookOpen, Compass, Heart, Star } from 'react-feather'
-import { Notes } from '../Timeline/Entry'
-import Linkify from '../Linkify'
+import MarkdownRenderer from '../MarkdownRenderer'
 
 interface Props {
   editable: boolean
   bookmark: Bookmark
-  divider?: boolean
-}
-
-function getTint(color: string) {
-  switch (color) {
-    case 'red':
-      return 'text-red-800 dark:text-red-200 bg-red-500 bg-opacity-20'
-    case 'blue':
-      return 'text-blue-800 dark:text-blue-200 bg-blue-500 bg-opacity-20'
-    case 'green':
-      return 'text-green-800 dark:text-green-200 bg-green-500 bg-opacity-20'
-    case 'purple':
-      return 'text-purple-800 dark:text-purple-200 bg-purple-500 bg-opacity-20'
-    case 'indigo':
-      return 'text-indigo-800 dark:text-indigo-200 bg-indigo-500 bg-opacity-20'
-    case 'pink':
-      return 'text-pink-800 dark:text-pink-200 bg-pink-500 bg-opacity-20'
-    case 'yellow':
-      return 'text-yellow-800 dark:text-yellow-200 bg-yellow-500 bg-opacity-20'
-    case 'gray':
-    default:
-      return 'text-primary bg-gray-200 dark:bg-gray-800'
-  }
 }
 
 export const BookmarkListItem = React.memo((props: Props) => {
-  const { bookmark, editable, divider = true } = props
+  const { bookmark, editable } = props
   const [isEditing, setIsEditing] = React.useState(false)
 
   if (isEditing) {
@@ -47,84 +22,49 @@ export const BookmarkListItem = React.memo((props: Props) => {
     )
   }
 
-  let tint
   let cleanedCategory
-  let Icon = Heart
   switch (bookmark.category) {
     case 'portfolio':
-      tint = 'yellow'
       cleanedCategory = 'Portfolio'
-      Icon = Star
       break
     case 'website':
-      tint = 'blue'
       cleanedCategory = 'Personal site'
-      Icon = Compass
       break
     default:
-      tint = 'gray'
-      Icon = BookOpen
       cleanedCategory = 'Reading'
   }
 
   return (
-    <div className="flex mb-6 md:mb-6 timeline-item">
-      {/* Icon and dividing line */}
-      <div className="flex flex-col items-center">
-        <div
-          className={`flex justify-center p-3.5 rounded-full align-center border-4 border-gray-50 dark:border-gray-1000 ${getTint(
-            tint
-          )}`}
+    <div className="space-y-1 ">
+      <span>
+        <a
+          href={`${bookmark.url}`}
+          className="font-medium text-primary highlight-link-hover"
         >
-          <Icon size={16} />
+          {bookmark.title}
+        </a>
+      </span>
+      {bookmark.notes && (
+        <div className="pl-2 border-l border-gray-300 border-dashed text-tertiary dark:border-gray-700">
+          <MarkdownRenderer>{bookmark.notes}</MarkdownRenderer>
         </div>
-        {divider && (
-          <div className="flex-1 w-px -mb-6 bg-gray-200 md:-mb-6 dark:bg-gray-800 timeline-stroke" />
-        )}
-      </div>
-
-      <div className="flex flex-col flex-1 ml-4 space-y-4">
-        <div className="flex flex-col pt-1 contents-center">
-          <span className="flex items-center space-x-2">
-            <a
-              href={`${bookmark.url}?ref=brianlovin.com`}
-              target="_blank"
-              rel="noopener noreferrer"
+      )}
+      <span className="flex items-center space-x-2">
+        <BookmarkReaction bookmark={bookmark} />
+        <span className="text-quaternary">{' · '}</span>
+        <span className="inline-block text-tertiary">{cleanedCategory}</span>
+        {editable && (
+          <>
+            <span className="text-quaternary">{' · '}</span>
+            <button
+              className="text-secondary highlight-link-hover"
+              onClick={() => setIsEditing(true)}
             >
-              <span className="text-blue-600 dark:text-blue-500">
-                {bookmark.title}
-              </span>
-            </a>
-          </span>
-          <span className="flex items-center space-x-2">
-            <BookmarkReaction bookmark={bookmark} />
-            <span className="text-gray-300 dark:text-gray-700">{' / '}</span>
-            <span className="text-sm text-tertiary">{cleanedCategory}</span>
-            {editable && (
-              <>
-                <span className="text-gray-300 dark:text-gray-700">
-                  {' / '}
-                </span>
-                <button
-                  className="text-sm black-link"
-                  onClick={() => setIsEditing(true)}
-                >
-                  Edit
-                </button>
-              </>
-            )}
-          </span>
-        </div>
-        {bookmark.notes && bookmark.notes.length > 0 && (
-          <div className="flex flex-col space-y-4 timeline-full-width">
-            <Notes>
-              <p>
-                <Linkify>{bookmark.notes}</Linkify>
-              </p>
-            </Notes>
-          </div>
+              Edit
+            </button>
+          </>
         )}
-      </div>
+      </span>
     </div>
   )
 })
diff --git a/src/components/Bookmarks/BookmarkReaction.tsx b/src/components/Bookmarks/BookmarkReaction.tsx
index 826878431..10256665d 100644
--- a/src/components/Bookmarks/BookmarkReaction.tsx
+++ b/src/components/Bookmarks/BookmarkReaction.tsx
@@ -34,22 +34,20 @@ export default function BookmarkReaction(props: Props) {
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 16 16"
-        width="10"
-        height="10"
+        width="14"
+        height="14"
       >
         {' '}
         <path
           fillRule="evenodd"
           clipRule="evenodd"
           className={`fill-current ${
-            bookmark.reactions > 0
-              ? 'text-red-500'
-              : 'text-gray-400 dark:text-gray-600'
+            bookmark.reactions > 0 ? 'text-red-500' : 'text-quaternary'
           }`}
           d="M7.655 14.9159C7.65523 14.9161 7.65543 14.9162 8 14.25C8.34457 14.9162 8.34477 14.9161 8.34501 14.9159C8.12889 15.0277 7.87111 15.0277 7.655 14.9159ZM7.655 14.9159L8 14.25L8.34501 14.9159L8.34731 14.9147L8.35269 14.9119L8.37117 14.9022C8.38687 14.8939 8.40926 14.882 8.4379 14.8665C8.49516 14.8356 8.57746 14.7904 8.6812 14.7317C8.8886 14.6142 9.18229 14.442 9.53358 14.2199C10.2346 13.7767 11.1728 13.13 12.1147 12.3181C13.9554 10.7312 16 8.35031 16 5.5C16 2.83579 13.9142 1 11.75 1C10.2026 1 8.84711 1.80151 8 3.01995C7.15289 1.80151 5.79736 1 4.25 1C2.08579 1 0 2.83579 0 5.5C0 8.35031 2.04459 10.7312 3.8853 12.3181C4.82717 13.13 5.76538 13.7767 6.46642 14.2199C6.81771 14.442 7.1114 14.6142 7.3188 14.7317C7.42254 14.7904 7.50484 14.8356 7.5621 14.8665C7.59074 14.882 7.61313 14.8939 7.62883 14.9022L7.64731 14.9119L7.65269 14.9147L7.655 14.9159Z"
         ></path>
       </svg>
-      <span className="text-sm text-tertiary">
+      <span className="text-tertiary">
         {bookmark.reactions.toLocaleString()}
       </span>
     </button>
diff --git a/src/components/Bookmarks/BookmarksNavigation.tsx b/src/components/Bookmarks/BookmarksNavigation.tsx
index f50b439eb..08443822d 100644
--- a/src/components/Bookmarks/BookmarksNavigation.tsx
+++ b/src/components/Bookmarks/BookmarksNavigation.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react'
 import Link from 'next/link'
-import { Bookmark, BookOpen, Compass, Star } from 'react-feather'
 import { useRouter } from 'next/router'
 
 export default function BookmarksNavigation() {
@@ -11,16 +10,19 @@ export default function BookmarksNavigation() {
     return category === path
   }
 
+  const defaultClasses = `flex flex-none rounded text-primary items-center justify-center space-x-3`
+  const activeClasses = `bg-gray-1000 bg-opacity-5 dark:bg-white text-primary`
+  const inactiveClasses = `hover:bg-gray-900 filter-saturate hover:bg-opacity-5 dark:hover:bg-white dark:text-white  hover:text-gray-1000 dark:hover:text-gray-100 text-tertiary`
+
   return (
-    <div className="flex items-center -ml-4 -mr-10 overflow-x-auto border-b border-gray-300 dark:border-gray-700 md:justify-center tabbed-navigation md:-ml-0 md:-mr-0 flex-nowrap">
+    <div className="hidden grid-cols-4 gap-2 overflow-x-auto md:grid tabbed-navigation md:justify-center md:-ml-0 md:-mr-0 flex-nowrap">
       <Link href="/bookmarks">
         <a
-          className={`tab ${
-            isActive(undefined) ? 'tab-active' : 'tab-inactive'
+          className={`${defaultClasses} ${
+            isActive(undefined) ? activeClasses : inactiveClasses
           }`}
         >
-          <span className="flex items-center px-5 py-3 space-x-2">
-            <Bookmark size={16} />
+          <span className="flex items-center px-4 py-2 space-x-2">
             <span>All</span>
           </span>
         </a>
@@ -28,12 +30,11 @@ export default function BookmarksNavigation() {
 
       <Link href="/bookmarks/[category]" as={`/bookmarks/reading`}>
         <a
-          className={`tab ${
-            isActive('reading') ? 'tab-active' : 'tab-inactive'
+          className={`${defaultClasses} ${
+            isActive('reading') ? activeClasses : inactiveClasses
           }`}
         >
-          <span className="flex items-center px-5 py-3 space-x-2">
-            <BookOpen size={16} />
+          <span className="flex items-center px-4 py-2 space-x-2">
             <span>Reading</span>
           </span>
         </a>
@@ -41,12 +42,11 @@ export default function BookmarksNavigation() {
 
       <Link href="/bookmarks/[category]" as={`/bookmarks/portfolio`}>
         <a
-          className={`tab ${
-            isActive('portfolio') ? 'tab-active' : 'tab-inactive'
+          className={`${defaultClasses} ${
+            isActive('portfolio') ? activeClasses : inactiveClasses
           }`}
         >
-          <span className="flex items-center px-5 py-3 space-x-2">
-            <Star size={16} />
+          <span className="flex items-center px-4 py-2 space-x-2">
             <span>Portfolios</span>
           </span>
         </a>
@@ -54,13 +54,12 @@ export default function BookmarksNavigation() {
 
       <Link href="/bookmarks/[category]" as={`/bookmarks/website`}>
         <a
-          className={`tab ${
-            isActive('website') ? 'tab-active' : 'tab-inactive'
+          className={`${defaultClasses} ${
+            isActive('website') ? activeClasses : inactiveClasses
           }`}
         >
-          <span className="flex items-center px-5 py-3 space-x-2">
-            <Compass size={16} />
-            <span>Personal Sites</span>
+          <span className="flex items-center px-4 py-2 space-x-2">
+            <span>Websites</span>
           </span>
         </a>
       </Link>
diff --git a/src/components/Bookmarks/EditingBookmarkListItem.tsx b/src/components/Bookmarks/EditingBookmarkListItem.tsx
index 7c8db0d20..160a95b67 100644
--- a/src/components/Bookmarks/EditingBookmarkListItem.tsx
+++ b/src/components/Bookmarks/EditingBookmarkListItem.tsx
@@ -5,8 +5,9 @@ import {
   useEditBookmarkMutation,
 } from '~/graphql/types.generated'
 import { GET_BOOKMARKS } from '~/graphql/queries'
-import { Input, Textarea } from '~/components/Input'
+import { Input, Select, Textarea } from '~/components/Input'
 import { useRouter } from 'next/router'
+import Button from '../Button'
 
 interface Props {
   bookmark: Bookmark
@@ -145,9 +146,8 @@ export default function EditingBookmarkListItem(props: Props) {
   }
 
   return (
-    <form className="flex flex-col mb-4 space-y-3" onSubmit={handleSave}>
+    <form className=" mb-4 space-y-3" onSubmit={handleSave}>
       <Input
-        autoFocus
         placeholder="Title"
         value={state.title}
         onChange={onTitleChange}
@@ -167,7 +167,7 @@ export default function EditingBookmarkListItem(props: Props) {
           onChange={onTwitterHandleChange}
           onKeyDown={onKeyDown}
         />
-        <select
+        <Select
           name="category"
           id="category"
           value={state.category}
@@ -176,21 +176,17 @@ export default function EditingBookmarkListItem(props: Props) {
           <option value="reading">Reading</option>
           <option value="portfolio">Portfolio</option>
           <option value="website">Personal Site / Blog</option>
-        </select>
+        </Select>
       </div>
       {state.error && <p className="text-red-500">{state.error}</p>}
 
       <div className="flex justify-between">
-        <button className="text-red-500" onClick={() => handleDelete()}>
+        <Button className="text-red-500" onClick={() => handleDelete()}>
           Delete
-        </button>
+        </Button>
         <div className="flex space-x-3">
-          <button className="btn" onClick={onDone}>
-            Cancel
-          </button>
-          <button className="btn btn-primary" onClick={handleSave}>
-            Save
-          </button>
+          <Button onClick={onDone}>Cancel</Button>
+          <Button onClick={handleSave}>Save</Button>
         </div>
       </div>
     </form>
diff --git a/src/components/Bookmarks/Page.tsx b/src/components/Bookmarks/Page.tsx
index 9c5306adc..7a4a307d9 100644
--- a/src/components/Bookmarks/Page.tsx
+++ b/src/components/Bookmarks/Page.tsx
@@ -6,6 +6,8 @@ import { useAuth } from '~/hooks/useAuth'
 import AddBookmark from '~/components/Bookmarks/AddBookmark'
 import { CenteredColumn } from '~/components/Layouts'
 import BookmarksNavigation from '~/components/Bookmarks/BookmarksNavigation'
+import routes from '~/config/routes'
+import Link from 'next/link'
 
 export default function BookmarksPage({ category }) {
   const { isMe } = useAuth()
@@ -13,28 +15,24 @@ export default function BookmarksPage({ category }) {
   return (
     <Page>
       <NextSeo
-        title={'Bookmarks'}
-        description={'Internet things, saved for later.'}
-        openGraph={{
-          url: 'https://brianlovin.com/bookmarks',
-          title: 'Bookmarks',
-          description: 'Internet things, saved for later.',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/bookmarks.png',
-              alt: 'Bookmarks',
-            },
-          ],
-        }}
+        title={routes.bookmarks.seo.title}
+        description={routes.bookmarks.seo.description}
+        openGraph={routes.bookmarks.seo.openGraph}
       />
+
       <CenteredColumn>
-        <div data-cy="bookmarks" className="flex flex-col space-y-8">
+        <div data-cy="bookmarks" className="space-y-8">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
           <PageHeader
             title="Bookmarks"
             subtitle="Internet things, saved for later."
           />
-          <BookmarksNavigation />
           {isMe && <AddBookmark />}
+          <BookmarksNavigation />
           <BookmarksList category={category} />
         </div>
       </CenteredColumn>
diff --git a/src/components/Bookmarks/index.tsx b/src/components/Bookmarks/index.tsx
index ce3c7fbfc..ef4710025 100644
--- a/src/components/Bookmarks/index.tsx
+++ b/src/components/Bookmarks/index.tsx
@@ -5,6 +5,7 @@ import { BookmarkListItem } from './BookmarkListItem'
 import { PAGINATION_AMOUNT } from '~/graphql/constants'
 import LoadingSpinner from '../LoadingSpinner'
 import FullscreenLoading from '../FullscreenLoading'
+import Button from '../Button'
 
 export default function BookmarksList({ category = undefined }) {
   const { isMe } = useAuth()
@@ -59,19 +60,18 @@ export default function BookmarksList({ category = undefined }) {
   }
 
   return (
-    <div className="flex flex-col w-full timeline-container">
+    <div className="w-full space-y-6 timeline-container">
       {bookmarks.map((bookmark, index) => (
         <BookmarkListItem
           editable={isMe}
           key={`${bookmark.url}-${index}`}
           bookmark={bookmark}
-          divider={index !== bookmarks.length - 1}
         />
       ))}
       {showLoadMore && (
-        <button className="mt-4 btn" onClick={handleLoadMore}>
-          {loading ? <LoadingSpinner /> : 'Show me more'}
-        </button>
+        <Button className="w-full" onClick={handleLoadMore}>
+          {loading ? <LoadingSpinner /> : 'Load more'}
+        </Button>
       )}
     </div>
   )
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
new file mode 100644
index 000000000..8046a1410
--- /dev/null
+++ b/src/components/Button/index.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react'
+
+type Props = {
+  className?: string
+  onClick?: any
+  disabled?: boolean
+  children: React.ReactChild | string
+  type?: string
+} & React.ComponentPropsWithoutRef<'button'>
+
+export default function Button({ className, ...rest }: Props) {
+  return (
+    <button
+      className={`flex items-center rounded justify-center flex-none px-4 py-2 space-x-3 font-medium bg-white border border-gray-200 dark:border-gray-800 dark:hover:border-gray-700 disabled:opacity-50 dark:bg-white dark:bg-opacity-10 disabled:bg-opacity-0 text-primary hover:border-gray-300 focus:border-gray-1000 focus:ring-0 focus:outline-none ${className}`}
+      {...rest}
+    />
+  )
+}
diff --git a/src/components/DesignDetailMedia/index.tsx b/src/components/DesignDetailMedia/index.tsx
index 6c0733fa5..7b17ac5a4 100644
--- a/src/components/DesignDetailMedia/index.tsx
+++ b/src/components/DesignDetailMedia/index.tsx
@@ -18,9 +18,12 @@ export default function DesignDetailMedia(props: Props) {
       onChange={(visible: boolean) => !isVisible && setIsVisible(visible)}
     >
       <DetailContainer data-cy="detail-media-container">
-        <DetailTitle>{detail.title}</DetailTitle>
-        <div style={{ padding: '8px' }} />
-        <Markdown>{detail.description}</Markdown>
+        <DetailTitle className="font-sans font-bold text-primary">
+          {detail.title}
+        </DetailTitle>
+        <div className="prose">
+          <Markdown>{detail.description}</Markdown>
+        </div>
 
         {isVisible && (
           <MediaContainer className="bg-gray-100 dark:bg-gray-900">
diff --git a/src/components/DesignDetailMedia/style.tsx b/src/components/DesignDetailMedia/style.tsx
index b6304754e..2e2997b59 100644
--- a/src/components/DesignDetailMedia/style.tsx
+++ b/src/components/DesignDetailMedia/style.tsx
@@ -39,6 +39,7 @@ export const Video = styled.video`
 export const DetailTitle = styled.h5`
   font-size: 24px;
   font-weight: 700;
+  margin-bottom: 16px;
 
   @media (max-width: 968px) {
     max-width: 100%;
diff --git a/src/components/DesignDetailView/index.tsx b/src/components/DesignDetailView/index.tsx
index f6ce9d22a..8895ed27b 100644
--- a/src/components/DesignDetailView/index.tsx
+++ b/src/components/DesignDetailView/index.tsx
@@ -1,12 +1,13 @@
 import React from 'react'
 import DesignDetailMedia from '~/components/DesignDetailMedia'
 import Markdown from '~/components/MarkdownRenderer'
-import Picture from '../Picture'
 import { format } from 'timeago.js'
 import { DesignDetailsPost } from '~/data/appDissections'
 import { CenteredColumn } from '../Layouts'
 import { PageHeader } from '../Page'
 import Image from 'next/image'
+import Link from 'next/link'
+import WritingSubscribeBox from '../Writing/Subscribe'
 
 interface Props {
   post: DesignDetailsPost
@@ -21,23 +22,33 @@ export default function DesignDetailView(props: Props) {
 
   return (
     <CenteredColumn>
-      <div className="flex flex-col space-y-12">
-        <div className="flex flex-col space-y-8 md:items-center">
+      <div className="space-y-8">
+        <Link href="/app-dissection" passHref>
+          <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+            &larr; App Dissection
+          </a>
+        </Link>
+
+        <div className="flex items-center space-x-4">
           <Image
-            width={'64px'}
-            height={'64px'}
+            width={'72px'}
+            height={'72px'}
             layout="fixed"
             className="rounded-xl"
             src={`/static/img/design-details/${post.slug}.webp`}
             alt={post.title}
           />
-          <div className="flex flex-col space-y-2">
+          <div>
             <PageHeader title={post.title} />
-            <p className="p-small align-self-center">{subheading}</p>
+            <p className="text-tertiary align-self-center">{subheading}</p>
           </div>
         </div>
 
-        <Markdown>{post.description}</Markdown>
+        <div className="prose">
+          <Markdown>{post.description}</Markdown>
+        </div>
+
+        <WritingSubscribeBox />
 
         {post.details.map((detail, i) => (
           <DesignDetailMedia detail={detail} key={`${detail.title}-${i}`} />
diff --git a/src/components/DesignDetailsCard/index.tsx b/src/components/DesignDetailsCard/index.tsx
index 90f4a0a81..14f2653d1 100644
--- a/src/components/DesignDetailsCard/index.tsx
+++ b/src/components/DesignDetailsCard/index.tsx
@@ -2,18 +2,16 @@ import * as React from 'react'
 import ReactVisibilitySensor from 'react-visibility-sensor'
 import Link from 'next/link'
 import {
-  Title,
   Container,
   CardContent,
   VideoPlayer,
   ImageContainer,
-  DetailsCount,
   Arrow,
   Circle,
 } from './style'
-import Picture from '~/components/Picture'
 import Card from '~/components/Card'
 import { DesignDetailsPostSummary } from '~/data/appDissections'
+import Image from 'next/image'
 
 interface Props {
   summary: DesignDetailsPostSummary
@@ -29,11 +27,6 @@ export default function DesignDetailsCard(props: Props) {
     summary: { title, slug, firstDetail, tint, detailsCount },
   } = props
 
-  const srcset = [
-    `/static/img/design-details/${slug}.webp`,
-    `/static/img/design-details/${slug}.jpeg`,
-  ]
-
   const videosrc = firstDetail.media[0]
 
   const pause = () => {
@@ -59,21 +52,28 @@ export default function DesignDetailsCard(props: Props) {
         as={`/design-details/${slug}`}
         passHref
       >
-        <a>
+        <a className="block">
           <Card className="lg:-mx-8">
             <Container onMouseEnter={play} onMouseLeave={pause}>
-              <ImageContainer>
-                <Picture
-                  width={'56px'}
-                  height={'56px'}
-                  alt={'Design Details'}
-                  srcset={srcset}
-                />
-              </ImageContainer>
-              <CardContent>
-                <Title>{title}</Title>
-                <DetailsCount>{detailsCount} details</DetailsCount>
-              </CardContent>
+              <div className="flex items-center">
+                <ImageContainer>
+                  <Image
+                    width={'56px'}
+                    height={'56px'}
+                    layout="fixed"
+                    alt={'Design Details'}
+                    src={`/static/img/design-details/${slug}.jpeg`}
+                  />
+                </ImageContainer>
+                <CardContent>
+                  <p className="font-sans font-semibold text-primary">
+                    {title}
+                  </p>
+                  <p className="text-sm text-tertiary">
+                    {detailsCount} details
+                  </p>
+                </CardContent>
+              </div>
               <Circle color={tint} />
               <Arrow>
                 <svg
diff --git a/src/components/DesignDetailsCard/style.tsx b/src/components/DesignDetailsCard/style.tsx
index 0ddc179d0..c0ceef7ee 100644
--- a/src/components/DesignDetailsCard/style.tsx
+++ b/src/components/DesignDetailsCard/style.tsx
@@ -119,19 +119,6 @@ export const CardContent = styled.div`
   z-index: 3;
 `
 
-export const DetailsCount = styled.h6`
-  margin-top: ${theme.space[0]};
-  font-weight: ${theme.fontWeights.link};
-`
-
-export const Title = styled.p`
-  font-size: 18px;
-  font-weight: 700;
-  margin: 0;
-  margin-top: 2px;
-  line-height: 1.3;
-`
-
 export const ImageContainer = styled.span`
   background: transparent;
   z-index: 1;
diff --git a/src/components/DesignDetailsGrid/index.tsx b/src/components/DesignDetailsGrid/index.tsx
index fda59156e..4182ef991 100644
--- a/src/components/DesignDetailsGrid/index.tsx
+++ b/src/components/DesignDetailsGrid/index.tsx
@@ -8,10 +8,10 @@ interface Props {
 
 export default function DesignDetailsGrid({ summaries }: Props) {
   return (
-    <div className="flex flex-col space-y-4">
+    <>
       {summaries.map((summary) => (
         <DesignDetailsCard key={summary.slug} summary={summary} />
       ))}
-    </div>
+    </>
   )
 }
diff --git a/src/components/FigmaPlugins/index.tsx b/src/components/FigmaPlugins/index.tsx
index 275a1a3bf..3c1d9d8cc 100644
--- a/src/components/FigmaPlugins/index.tsx
+++ b/src/components/FigmaPlugins/index.tsx
@@ -2,71 +2,77 @@ import * as React from 'react'
 
 export default function FigmaPlugins() {
   return (
-    <div className="flex flex-col space-y-4">
-      <div className="flex flex-col space-y-1">
-        <a
-          className="text-blue-600 dark:text-blue-500"
-          href="https://www.figma.com/c/plugin/744725347356614754/Dominant-Color-Toolkit-🎨"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Dominant Color Toolkit
-        </a>
-        <p>
+    <>
+      <div className="space-y-1 ">
+        <span>
+          <a
+            className="font-medium text-primary highlight-link-hover"
+            href="https://www.figma.com/c/plugin/744725347356614754/Dominant-Color-Toolkit-🎨"
+          >
+            Dominant Color Toolkit
+          </a>
+        </span>
+        <p className="text-tertiary clamp-3">
           Generate a palette from an image to magically populate your designs.
         </p>
       </div>
 
-      <div className="flex flex-col">
-        <a
-          className="text-blue-600 dark:text-blue-500"
-          href="https://www.figma.com/c/plugin/743654854885744527/Responsify-⚡%EF%B8%8F"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Responsify
-        </a>
-        <p>Quickly test your designs across multiple device sizes.</p>
+      <div className="">
+        <span>
+          <a
+            className="font-medium text-primary highlight-link-hover"
+            href="https://www.figma.com/c/plugin/743654854885744527/Responsify-⚡%EF%B8%8F"
+          >
+            Responsify
+          </a>
+        </span>
+        <p className="text-tertiary clamp-3">
+          Quickly test your designs across multiple device sizes.
+        </p>
       </div>
 
-      <div className="flex flex-col">
-        <a
-          className="text-blue-600 dark:text-blue-500"
-          href="https://www.figma.com/c/plugin/747172434405306948/iOS-Export-Settings"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          iOS Export Settings
-        </a>
-        <p>
+      <div className="">
+        <span>
+          <a
+            className="font-medium text-primary highlight-link-hover"
+            href="https://www.figma.com/c/plugin/747172434405306948/iOS-Export-Settings"
+          >
+            iOS Export Settings
+          </a>
+        </span>
+        <p className="text-tertiary clamp-3">
           Applies the correct export settings for every required iOS App Icon
           size and density.
         </p>
       </div>
 
-      <div className="flex flex-col">
-        <a
-          className="text-blue-600 dark:text-blue-500"
-          href="https://www.figma.com/c/plugin/747228167548695118/Export-.zip"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Export .zip
-        </a>
-        <p>Easily export assets from Figma directly into a .zip file.</p>
+      <div className="">
+        <span>
+          <a
+            className="font-medium text-primary highlight-link-hover"
+            href="https://www.figma.com/c/plugin/747228167548695118/Export-.zip"
+          >
+            Export .zip
+          </a>
+        </span>
+        <p className="text-tertiary clamp-3">
+          Easily export assets from Figma directly into a .zip file.
+        </p>
       </div>
 
-      <div className="flex flex-col">
-        <a
-          className="text-blue-600 dark:text-blue-500"
-          href="https://github.com/brianlovin/figma-github-data"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          GitHub Data
-        </a>
-        <p>Populate data from GitHub into Figma mocks</p>
+      <div className="">
+        <span>
+          <a
+            className="font-medium text-primary highlight-link-hover"
+            href="https://github.com/brianlovin/figma-github-data"
+          >
+            GitHub Data
+          </a>
+        </span>
+        <p className="text-tertiary clamp-3">
+          Populate data from GitHub into Figma mocks
+        </p>
       </div>
-    </div>
+    </>
   )
 }
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 61f8da7e2..3bf3bf5e4 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -7,7 +7,7 @@ export function Footer() {
     <CenteredColumn>
       <div className="h-px bg-gray-200 dark:bg-gray-800 timeline-stroke" />
       <div className="grid grid-cols-1 gap-4 p-6 py-24 bg-gray-100 sm:grid-cols-3 dark:bg-gray-900 sm:bg-gray-50 sm:dark:bg-gray-1000">
-        <div className="flex flex-col space-y-4">
+        <div className="space-y-4 ">
           <Link href="/" as="/" passHref>
             <a className="black-link">Home</a>
           </Link>
@@ -16,18 +16,13 @@ export function Footer() {
             <a className="black-link">About</a>
           </Link>
 
-          <a
-            href="https://twitter.com/brian_lovin"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="black-link"
-          >
+          <a href="https://twitter.com/brian_lovin" className="black-link">
             @brian_lovin
           </a>
         </div>
 
-        <div className="flex flex-col space-y-4">
-          <Link href="/overthought" as="/overthought" passHref>
+        <div className="space-y-4 ">
+          <Link href="/writing" as="/writing" passHref>
             <a className="black-link">Writing</a>
           </Link>
           <Link href="/design-details" as="/design-details" passHref>
@@ -38,7 +33,7 @@ export function Footer() {
           </Link>
         </div>
 
-        <div className="flex flex-col space-y-4">
+        <div className="space-y-4 ">
           <Link href="/bookmarks" as="/bookmarks" passHref>
             <a className="black-link">Bookmarks</a>
           </Link>
diff --git a/src/components/GlobalStyles/index.tsx b/src/components/GlobalStyles/index.tsx
deleted file mode 100644
index b95ed90e2..000000000
--- a/src/components/GlobalStyles/index.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react'
-import PrismStyles from './prism'
-
-interface Props {
-  children: React.ReactNode | string
-}
-
-export default {
-  PrismStyles,
-}
diff --git a/src/components/GlobalStyles/prism.tsx b/src/components/GlobalStyles/prism.tsx
deleted file mode 100644
index 43aea71b8..000000000
--- a/src/components/GlobalStyles/prism.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { createGlobalStyle } from 'styled-components'
-
-const GlobalPrismStyles = createGlobalStyle`
-  code[class*="language-"],
-  pre[class*="language-"] {
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-  }
-
-  pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-  code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-    text-shadow: none;
-    background: #b3d4fc;
-  }
-
-  pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-  code[class*="language-"]::selection, code[class*="language-"] ::selection {
-    text-shadow: none;
-    background: #b3d4fc;
-  }
-
-  @media print {
-    code[class*="language-"],
-    pre[class*="language-"] {
-      text-shadow: none;
-    }
-  }
-
-  /* Code blocks */
-  pre[class*="language-"] {
-    overflow: auto;
-  }
-
-  :not(pre) > code[class*="language-"],
-  pre[class*="language-"] {
-  }
-
-  /* Inline code */
-  :not(pre) > code[class*="language-"] {
-    padding: .1em;
-    border-radius: .3em;
-    white-space: normal;
-  }
-
-  .namespace {
-    opacity: .7;
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: bold;
-  }
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-`
-
-export default GlobalPrismStyles
diff --git a/src/components/HNPost/Byline.tsx b/src/components/HNPost/Byline.tsx
index e92c75559..2e0bc4c80 100644
--- a/src/components/HNPost/Byline.tsx
+++ b/src/components/HNPost/Byline.tsx
@@ -21,23 +21,16 @@ export default function Byline(props: Props) {
   }, [])
 
   return (
-    <div className="space-x-2 p-small">
-      <span>{timeAgo}</span>
-
-      <span className="divider-gray">/</span>
-
+    <div className="space-x-2 text-tertiary">
       <span>
         <Link href={`/hn/[id]`} as={`/hn/${post.id}`}>
-          <a className="font-normal black-link">{`${post.comments_count} comments`}</a>
+          <a className="font-normal text-primary highlight-link-hover">{`${post.comments_count} comments`}</a>
         </Link>
       </span>
 
-      {post.domain && (
-        <React.Fragment>
-          <span className="divider-gray">/</span>
-          <span>{post.domain}</span>
-        </React.Fragment>
-      )}
+      <span className="text-quaternary">·</span>
+
+      <span>{timeAgo}</span>
     </div>
   )
 }
diff --git a/src/components/HNPost/Comment.tsx b/src/components/HNPost/Comment.tsx
index 1a6fe54f4..4a7567130 100644
--- a/src/components/HNPost/Comment.tsx
+++ b/src/components/HNPost/Comment.tsx
@@ -41,13 +41,13 @@ export const Comment = React.memo((props: Props) => {
               onClick={() => setCollapsed(!collapsed)}
             />
           )}
-          <small>{`${comment.time_ago} by ${comment.user}`}</small>
-          <small
+          <p>{`${comment.time_ago} by ${comment.user}`}</p>
+          <p
             style={{ cursor: 'pointer', marginTop: '4px' }}
             onClick={() => setCollapsed(!collapsed)}
           >
             Expand
-          </small>
+          </p>
         </div>
       </div>
     )
@@ -76,10 +76,10 @@ export const Comment = React.memo((props: Props) => {
             </a>
           )}
         >
-          <small className="text-tertiary">{`${comment.time_ago} by ${comment.user}`}</small>
+          <p className="mb-3 text-sm text-tertiary">{`${comment.time_ago} by ${comment.user}`}</p>
         </ConditionalWrapper>
         <div
-          className={'prose prose-sm md:prose lg:prose-lg'}
+          className={'prose'}
           dangerouslySetInnerHTML={{ __html: comment.content }}
         />
       </div>
diff --git a/src/components/HNPost/index.tsx b/src/components/HNPost/index.tsx
index 0f12bb80c..2fc19a21f 100644
--- a/src/components/HNPost/index.tsx
+++ b/src/components/HNPost/index.tsx
@@ -7,6 +7,7 @@ import { CenteredColumn } from '../Layouts'
 import Byline from './Byline'
 import { HNPost as HNPostType } from '~/pages/hn'
 import HNSubscribeBox from '../HNSubscribe'
+import { baseUrl } from '~/config/seo'
 
 interface Props {
   post: HNPostType
@@ -27,7 +28,7 @@ export function HNPost(props: Props) {
         }
         openGraph={{
           title: post.title,
-          url: `https://brianlovin.com/hn/${post.id}`,
+          url: `${baseUrl}/hn/${post.id}`,
           description:
             post.content || `${post.comments_count} comments · ${post.domain}`,
           site_name: 'Hacker News',
@@ -37,16 +38,25 @@ export function HNPost(props: Props) {
         }}
       />
       <CenteredColumn data-cy="bookmarks">
-        <div className="flex flex-col space-y-8">
-          <div className="flex flex-col space-y-4">
-            <Link href={'/hn'}>
-              <a className="black-link">
-                <small>&larr; Back</small>
+        <div className="space-y-8 ">
+          <div className="space-y-4">
+            <Link href="/hn" passHref>
+              <a className="text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+                &larr; Back
               </a>
             </Link>
-            <a href={post.url} target="blank" rel="noopener noreferrer">
-              <h3>{post.title}</h3>
+
+            <a
+              className="block"
+              href={post.url}
+              target="blank"
+              rel="noopener noreferrer"
+            >
+              <h1 className="font-sans text-4xl font-black text-primary">
+                {post.title}
+              </h1>
             </a>
+
             <Byline post={post} />
             {post.content && (
               <div
@@ -59,8 +69,6 @@ export function HNPost(props: Props) {
             )}
           </div>
 
-          <Divider />
-
           <div>
             {comments.map((comment) => (
               <Comment key={comment.id} comment={comment} />
diff --git a/src/components/HNPosts/PostListItem.tsx b/src/components/HNPosts/PostListItem.tsx
index adef69a7d..b5fba6c5b 100644
--- a/src/components/HNPosts/PostListItem.tsx
+++ b/src/components/HNPosts/PostListItem.tsx
@@ -10,14 +10,12 @@ export const PostListItem = React.memo((props: Props) => {
   const { post } = props
 
   return (
-    <div className="flex flex-col space-y-1">
+    <div className="space-y-1">
       <a
-        className="text-blue-600 dark:text-blue-500"
+        className="font-medium text-primary highlight-link-hover"
         href={post.url}
-        target="_blank"
-        rel="noopener noreferrer"
       >
-        {post.title}
+        {post.title} {post.domain && `(${post.domain})`}
       </a>
 
       <Byline post={post} />
diff --git a/src/components/HNPosts/index.tsx b/src/components/HNPosts/index.tsx
index 1619afc27..362a1a977 100644
--- a/src/components/HNPosts/index.tsx
+++ b/src/components/HNPosts/index.tsx
@@ -10,7 +10,7 @@ const PostList = React.memo((props: Props) => {
   const { posts } = props
 
   return (
-    <div className="flex flex-col space-y-6">
+    <div className="space-y-6">
       {posts.map((post) => (
         <PostListItem key={post.id} post={post} />
       ))}
diff --git a/src/components/HNPosts/style.tsx b/src/components/HNPosts/style.tsx
index bd1efbf72..5c0f1cd02 100644
--- a/src/components/HNPosts/style.tsx
+++ b/src/components/HNPosts/style.tsx
@@ -2,9 +2,7 @@ import styled from 'styled-components'
 
 export const StyledA = styled.a.attrs(({ active }) => ({
   className: `${
-    active
-      ? 'text-blue-500 bg-blue-500 bg-opacity-10'
-      : 'text-gray-700 dark:text-gray-300 hover:bg-blue-500 hover:bg-opacity-10 '
+    active ? 'text-blue-500 bg-blue-500 bg-opacity-10' : 'text-tertiary'
   }`,
 }))`
   padding: 4px 24px 6px;
diff --git a/src/components/HNSubscribe/index.tsx b/src/components/HNSubscribe/index.tsx
index 436883117..44e5487d9 100644
--- a/src/components/HNSubscribe/index.tsx
+++ b/src/components/HNSubscribe/index.tsx
@@ -1,5 +1,7 @@
 import * as React from 'react'
 import { Input } from '~/components/Input'
+import { ErrorAlert, SuccessAlert } from '../Alert'
+import Button from '../Button'
 
 export default function HNSubscribeBox() {
   const [email, setEmail] = React.useState('')
@@ -34,59 +36,42 @@ export default function HNSubscribeBox() {
 
   return (
     <div
-      className="flex flex-col p-4 space-y-4 bg-gray-100 rounded-lg dark:bg-gray-900"
+      className="p-8 -mx-8 space-y-4 bg-gray-400 border-t border-b border-gray-300 border-dashed dark:bg-gray-200 bg-opacity-5 dark:border-gray-800"
       data-cy="hn-subscribe-box"
     >
-      <h5 className="flex items-center m-0">
-        <span className="flex items-center pr-4">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <circle cx="12" cy="12" r="10"></circle>
-            <polyline points="12 16 16 12 12 8"></polyline>
-            <line x1="8" y1="12" x2="16" y2="12"></line>
-          </svg>
-        </span>
-        Daily Digest
-      </h5>
-      <p>
+      <p className="font-semibold text-primary">Daily digest email</p>
+      <p className="text-tertiary">
         Get a daily email with the the top stories from Hacker News. No spam,
         unsubscribe at any time.
       </p>
       {status === 'succeeded' ? (
-        <p className="text-green-500">Subscribed!</p>
+        <SuccessAlert>Subscribed!</SuccessAlert>
       ) : (
         <form
-          className="flex flex-col space-y-3 md:flex-row md:space-y-0 md:space-x-3"
           onSubmit={submit}
+          className="grid grid-cols-1 gap-2 mt-2 md:grid-cols-3"
         >
-          <Input
-            value={email}
-            disabled={status === 'loading'}
-            onChange={onChange}
-            placeholder="Email address"
-            type="email"
-            name="email"
-          />
-          <button
-            className="btn btn-primary"
+          <label className="col-span-2">
+            <span className="sr-only">Email address</span>
+            <Input
+              value={email}
+              disabled={status === 'loading'}
+              onChange={onChange}
+              placeholder="Email address"
+              type="email"
+              name="email"
+            />
+          </label>
+          <Button
             onClick={submit}
             disabled={status === 'submitting' || !email}
             type="submit"
           >
             Subscribe
-          </button>
+          </Button>
         </form>
       )}
-      {status === 'error' && <p className="text-red-500">{errorMessage}</p>}
+      {status === 'error' && <ErrorAlert>{errorMessage}</ErrorAlert>}
     </div>
   )
 }
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 587f7c584..41f38d19f 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,162 +1,80 @@
 import * as React from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import {
-  Container,
-  MobileContainer,
-  InnerGrid,
-  MenuButton,
-  CloseButton,
-  Label,
-  Background,
-} from './style'
+import routes from '~/config/routes'
+import { Menu, X } from 'react-feather'
 
-interface Props {
-  activeRoute: string
-}
-
-const NavLinks = ({ activeRoute }: Props) => {
-  return (
-    <React.Fragment>
-      <Label isActive={activeRoute === 'Home'}>
-        <Link href="/">
-          <a>Home</a>
-        </Link>
-      </Label>
-
-      <Label isActive={activeRoute === 'About'}>
-        <Link href="/about">
-          <a>About</a>
-        </Link>
-      </Label>
-
-      <Label isActive={activeRoute === 'Writing'}>
-        <Link href="/overthought">
-          <a>Writing</a>
-        </Link>
-      </Label>
-
-      <Label isActive={activeRoute === 'App Dissection'}>
-        <Link href="/design-details">
-          <a>App Dissection</a>
-        </Link>
-      </Label>
-
-      <Label isActive={activeRoute === 'Ask Me Anything'}>
-        <Link href="/ama">
-          <a>AMA</a>
-        </Link>
-      </Label>
-
-      <Label isActive={activeRoute === 'Bookmarks'}>
-        <Link href="/bookmarks">
-          <a>Bookmarks</a>
-        </Link>
-      </Label>
-
-      {/* <Label isActive={activeRoute === 'Security Checklist'}>
-        <Link href="/security">
-          <a>Security Checklist</a>
-        </Link>
-      </Label> */}
-    </React.Fragment>
-  )
-}
+const defaultRoutes = [
+  routes.home,
+  routes.about,
+  routes.projects,
+  routes.writing,
+]
 
 export default function Header() {
-  const [isExpanded, setExpanded] = React.useState(false)
+  const [isExpanded, setIsExpanded] = React.useState(false)
   const router = useRouter()
-
-  let activeRoute = ''
-  let activePath = ''
-  if (router.pathname === '/') {
-    activeRoute = 'Home'
-    activePath = '/'
-  }
-  if (router.pathname.startsWith('/about')) {
-    activeRoute = 'About'
-    activePath = '/about'
-  }
-  if (router.pathname.includes('/bookmarks')) {
-    activeRoute = 'Bookmarks'
-    activePath = '/bookmarks'
-  }
-  if (router.pathname.includes('/design-details')) {
-    activeRoute = 'App Dissection'
-    activePath = '/design-details'
-  }
-  if (router.pathname.includes('/overthought')) {
-    activeRoute = 'Writing'
-    activePath = '/overthought'
-  }
-  if (router.pathname.includes('/ama')) {
-    activeRoute = 'Ask Me Anything'
-    activePath = '/ama'
-  }
-  if (router.pathname.includes('/hn')) {
-    activeRoute = 'Hacker News'
-    activePath = '/hn'
-  }
-  if (router.pathname.includes('/security')) {
-    activeRoute = 'Security Checklist'
-    activePath = '/security'
-  }
-  if (router.pathname.includes('/stack')) {
-    activeRoute = 'Stack'
-    activePath = '/stack'
-  }
+  const currPathName = router.pathname
+  const routesAsArr = Object.keys(routes).map((r) => routes[r])
+  const mobileTitle =
+    currPathName === '/'
+      ? 'Home'
+      : routesAsArr
+          .filter((r) => r.path !== '/')
+          .find((r) => currPathName.includes(r.path))?.label
 
   return (
-    <React.Fragment>
-      <MobileContainer expanded={isExpanded} data-cy="header">
-        <Background className="bg-white bg-opacity-60 dark:bg-gray-900" />
-        {isExpanded ? (
-          <React.Fragment>
-            <CloseButton
-              className="p-3 text-primary"
-              onClick={() => setExpanded(false)}
-              visible={isExpanded}
-            >
-              ×
-            </CloseButton>
-            <NavLinks activeRoute={activeRoute} />
-          </React.Fragment>
-        ) : (
-          <React.Fragment>
-            <MenuButton
-              className="text-primary"
-              onClick={() => setExpanded(true)}
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                fill="currentColor"
-                viewBox="0 0 16 16"
-                width="16"
-                height="16"
+    <div className="fixed top-0 z-10 w-full py-2 bg-white border-b border-gray-400 dark:border-opacity-10 border-opacity-20 bg-opacity-70 dark:bg-gray-900 dark:bg-opacity-40 filter-blur">
+      {/* Mobile nav */}
+      <div className="grid grid-cols-1 md:hidden">
+        <div className="flex items-center pr-4 text-primary">
+          <button
+            className="p-4 pl-4 -my-2"
+            onClick={() => setIsExpanded(!isExpanded)}
+          >
+            {isExpanded ? <X size={16} /> : <Menu size={16} />}
+          </button>
+          <p className="text-sm font-medium clamp-1 text-primary">
+            {mobileTitle}
+          </p>
+        </div>
+        {isExpanded && (
+          <div className="w-full h-px mt-2 bg-gray-1000 bg-opacity-10" />
+        )}
+        {isExpanded &&
+          defaultRoutes.map((route) => {
+            const defaultClasses = `flex font-sans items-center pl-12 py-4 font-medium text-sm text-primary text-opacity-80`
+
+            return (
+              <Link href={route.path} key={route.path}>
+                <a className={`${defaultClasses}`}>{route.label}</a>
+              </Link>
+            )
+          })}
+      </div>
+      {/* End mobile nav */}
+
+      {/* Desktop nav */}
+      <div className="hidden max-w-screen-md grid-cols-4 gap-1 mx-auto md:grid">
+        {defaultRoutes.map((route) => {
+          const isActive = route.path === router.pathname
+          const defaultClasses = `font-sans font-semibold flex rounded font-medium items-center text-opacity-40 justify-center py-2 text-sm`
+          const activeClasses = `bg-gray-1000 bg-opacity-5 dark:bg-white text-primary filter-saturate filter-blur`
+          const inactiveClasses = `hover:bg-gray-900 filter-saturate hover:bg-opacity-5 dark:hover:bg-white dark:text-white  hover:text-gray-1000 dark:hover:text-gray-100 text-tertiary`
+          return (
+            <Link href={route.path} key={route.path}>
+              <a
+                className={`
+                ${defaultClasses} 
+                ${isActive ? activeClasses : inactiveClasses}`}
               >
-                {' '}
-                <path
-                  fillRule="evenodd"
-                  clipRule="evenodd"
-                  d="M1 2.75C1 2.55109 1.07902 2.36032 1.21967 2.21967C1.36032 2.07902 1.55109 2 1.75 2H14.25C14.4489 2 14.6397 2.07902 14.7803 2.21967C14.921 2.36032 15 2.55109 15 2.75C15 2.94891 14.921 3.13968 14.7803 3.28033C14.6397 3.42098 14.4489 3.5 14.25 3.5H1.75C1.55109 3.5 1.36032 3.42098 1.21967 3.28033C1.07902 3.13968 1 2.94891 1 2.75ZM1 7.75C1 7.55109 1.07902 7.36032 1.21967 7.21967C1.36032 7.07902 1.55109 7 1.75 7H14.25C14.4489 7 14.6397 7.07902 14.7803 7.21967C14.921 7.36032 15 7.55109 15 7.75C15 7.94891 14.921 8.13968 14.7803 8.28033C14.6397 8.42098 14.4489 8.5 14.25 8.5H1.75C1.55109 8.5 1.36032 8.42098 1.21967 8.28033C1.07902 8.13968 1 7.94891 1 7.75ZM1.75 12C1.55109 12 1.36032 12.079 1.21967 12.2197C1.07902 12.3603 1 12.5511 1 12.75C1 12.9489 1.07902 13.1397 1.21967 13.2803C1.36032 13.421 1.55109 13.5 1.75 13.5H14.25C14.4489 13.5 14.6397 13.421 14.7803 13.2803C14.921 13.1397 15 12.9489 15 12.75C15 12.5511 14.921 12.3603 14.7803 12.2197C14.6397 12.079 14.4489 12 14.25 12H1.75Z"
-                ></path>
-              </svg>
-            </MenuButton>
-            <Link href={activePath}>
-              <a className="inline-block ml-15">
-                <span className="text-primary">{activeRoute}</span>
+                {route.label}
               </a>
             </Link>
-          </React.Fragment>
-        )}
-      </MobileContainer>
-
-      <Container data-cy="header">
-        <InnerGrid>
-          <NavLinks activeRoute={activeRoute} />
-        </InnerGrid>
-        <Background className="bg-white bg-opacity-60 dark:bg-gray-900" />
-      </Container>
-    </React.Fragment>
+          )
+        })}
+        {/* End desktop nav */}
+      </div>
+    </div>
   )
 }
diff --git a/src/components/Header/style.tsx b/src/components/Header/style.tsx
deleted file mode 100644
index adab84b3a..000000000
--- a/src/components/Header/style.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import styled, { css } from 'styled-components'
-import theme from '../Theme'
-
-const base = css`
-  padding: 5px 8px 4px;
-  position: fixed;
-  top: -1px;
-  left: 0;
-  right: 0;
-  z-index: 4;
-  font-size: 14px;
-  font-weight: 600;
-  margin: 0;
-
-  a {
-    padding: 8px 32px;
-    border-radius: 4px;
-    width: 100%;
-    text-align: center;
-    margin: 0 1px;
-  }
-`
-
-export const Background = styled.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  z-index: -1;
-  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.06);
-  backdrop-filter: saturate(180%) blur(20px);
-`
-
-export const Container = styled.header`
-  ${base};
-  justify-content: space-around;
-
-  @media (min-width: ${theme.breakpoints[4]}) {
-    display: flex;
-  }
-  @media (max-width: ${theme.breakpoints[4]}) {
-    display: none;
-  }
-`
-
-export const InnerGrid = styled.div`
-  display: grid;
-  justify-content: center;
-  width: 100%;
-  justify-self: center;
-  max-width: ${theme.breakpoints[3]};
-  position: relative;
-  grid-template-columns: repeat(6, max-content);
-  z-index: 3;
-`
-
-export const MobileContainer = styled.header`
-  ${base};
-
-  font-size: 16px;
-  justify-content: center;
-  align-items: ${(props) => (props.expanded ? 'flex-start' : 'center')};
-  flex-direction: ${(props) => (props.expanded ? 'column' : 'row')};
-  padding-bottom: ${(props) => (props.expanded ? '16px' : '4px')};
-
-  a {
-    text-align: left;
-    padding: 8px 0;
-    margin-left: 48px;
-  }
-
-  @media (min-width: ${theme.breakpoints[4]}) {
-    display: none;
-  }
-  @media (max-width: ${theme.breakpoints[4]}) {
-    display: flex;
-  }
-`
-
-export const CloseButton = styled.div`
-  display: ${(props) => (props.visible ? 'flex' : 'none')};
-  font-size: 26px;
-  font-weight: 300;
-  width: 40px;
-  height: 40px;
-  left: -4px;
-  top: -4px;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 3;
-`
-
-export const MenuButton = styled.div`
-  position: absolute;
-  width: 56px;
-  height: 50px;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  z-index: 3;
-`
-
-export const Label = styled.span.attrs(({ isActive }) => ({
-  className: `nav-label ${isActive && 'active'}`,
-}))`
-  display: flex;
-  flex: 1;
-  z-index: 3;
-  position: relative;
-
-  a {
-    text-align: center;
-  }
-
-  @media (max-width: ${theme.breakpoints[4]}) {
-    width: 100%;
-
-    a {
-      text-align: left;
-      padding: 8px 12px;
-      margin-left: 0;
-    }
-  }
-`
diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
index 47ce8d9cf..d1bc3ae3f 100644
--- a/src/components/Input/index.tsx
+++ b/src/components/Input/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 
 const styles =
-  'w-full focus:outline-none px-4 py-2 text-base rounded shadow-sm focus:border-blue-500 text-primary border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-1000'
+  'w-full rounded focus:outline-none px-4 py-2 focus:border-gray-1000 text-primary border-gray-200 dark:border-gray-800 dark:focus:border-gray-600 bg-gray-1000 dark:bg-white bg-opacity-5 hover:bg-opacity-10 focus:ring-0'
 
 export function Input(props) {
   return <input className={styles} {...props} />
@@ -10,3 +10,7 @@ export function Input(props) {
 export function Textarea(props) {
   return <textarea className={`${styles} block`} {...props} />
 }
+
+export function Select(props) {
+  return <select className={styles} {...props} />
+}
diff --git a/src/components/Layouts/index.tsx b/src/components/Layouts/index.tsx
index ac20f036b..ed15b96d6 100644
--- a/src/components/Layouts/index.tsx
+++ b/src/components/Layouts/index.tsx
@@ -2,8 +2,6 @@ import * as React from 'react'
 
 export function CenteredColumn({ children }) {
   return (
-    <div className="flex flex-col max-w-screen-sm mx-auto justify-content">
-      {children}
-    </div>
+    <div className=" max-w-screen-sm mx-auto justify-content">{children}</div>
   )
 }
diff --git a/src/components/Linkify/index.tsx b/src/components/Linkify/index.tsx
index 17cf6c26a..e7f7fcee8 100644
--- a/src/components/Linkify/index.tsx
+++ b/src/components/Linkify/index.tsx
@@ -6,7 +6,7 @@ const MARKDOWN_LINK = /(?:\[(.*?)\]\((.*?)\))/g
 function RenderTextWithMarkdownLinks(text: string) {
   return replace(text, MARKDOWN_LINK, function (_, text, url) {
     return (
-      <a href={url} target="_blank" rel="noopener noreferrer" key={url}>
+      <a href={url} key={url}>
         {text}
       </a>
     )
diff --git a/src/components/LoadingSpinner/index.tsx b/src/components/LoadingSpinner/index.tsx
index a169be676..747849ed9 100644
--- a/src/components/LoadingSpinner/index.tsx
+++ b/src/components/LoadingSpinner/index.tsx
@@ -3,7 +3,7 @@ import * as React from 'react'
 export default function Spinner() {
   return (
     <svg
-      className="animate-spin -ml-1 mr-3 h-5 w-5 text-gray-1000 dark:text-white"
+      className="w-5 h-5 mr-3 -ml-1 animate-spin text-primary"
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="0 0 24 24"
diff --git a/src/components/MarkdownRenderer/index.tsx b/src/components/MarkdownRenderer/index.tsx
index 12fc38592..83e9f7e2f 100644
--- a/src/components/MarkdownRenderer/index.tsx
+++ b/src/components/MarkdownRenderer/index.tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import Link from 'next/link'
 import Prism from 'prismjs'
 import htmlParser from 'react-markdown/plugins/html-parser'
-import GlobalStyles from '~/components/GlobalStyles'
 import Markdown from 'react-markdown'
+import { baseUrl } from '~/config/seo'
 
 interface Props {
   children: string
@@ -16,7 +16,6 @@ const parseHtml = htmlParser({
 
 function LinkRenderer(props: any) {
   const { href, children } = props
-  const baseUrl = 'https://brianlovin.com'
   const isSelf = href.indexOf(baseUrl) === 0
   if (isSelf) {
     return (
@@ -26,11 +25,7 @@ function LinkRenderer(props: any) {
     )
   }
 
-  return (
-    <a href={href} target="_blank" rel="noopener noreferrer">
-      {children}
-    </a>
-  )
+  return <a href={href}>{children}</a>
 }
 
 export default function MarkdownRenderer(props: Props) {
@@ -41,18 +36,14 @@ export default function MarkdownRenderer(props: Props) {
   }, [children])
 
   return (
-    <React.Fragment>
-      <GlobalStyles.PrismStyles />
-      <Markdown
-        {...rest}
-        className="prose lg:prose-lg"
-        astPlugins={[parseHtml]}
-        renderers={{
-          link: LinkRenderer,
-        }}
-      >
-        {children}
-      </Markdown>
-    </React.Fragment>
+    <Markdown
+      {...rest}
+      astPlugins={[parseHtml]}
+      renderers={{
+        link: LinkRenderer,
+      }}
+    >
+      {children}
+    </Markdown>
   )
 }
diff --git a/src/components/Overthought/List/index.tsx b/src/components/Overthought/List/index.tsx
deleted file mode 100644
index 2a54cf5dd..000000000
--- a/src/components/Overthought/List/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as React from 'react'
-import { format } from 'timeago.js'
-import { Post } from '~/graphql/types.generated'
-import Link from 'next/link'
-
-interface Props {
-  posts: Post[]
-}
-
-export default function OverthoughtList({ posts }: Props) {
-  if (!posts || posts.length === 0) return null
-  return (
-    <div className="flex flex-col space-y-5">
-      {posts.map((post) => (
-        <div className="flex flex-col space-y-1" key={post.id}>
-          <Link
-            href="/overthought/[slug]"
-            as={`/overthought/${post.slug}`}
-            passHref
-          >
-            <a className="text-blue-600 dark:text-blue-500">{post.title}</a>
-          </Link>
-          {post.excerpt && <p className="clamp-2">{post.excerpt}</p>}
-          <p className="p-small">Updated {format(post.updated_at)}</p>
-        </div>
-      ))}
-    </div>
-  )
-}
diff --git a/src/components/Overthought/Post/index.tsx b/src/components/Overthought/Post/index.tsx
deleted file mode 100644
index 102f7abdd..000000000
--- a/src/components/Overthought/Post/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react'
-import { Post } from '~/graphql/types.generated'
-import OverthoughtSubscribeBox from '~/components/Overthought/Subscribe'
-import SyntaxHighlighter from '~/components/SyntaxHighlighter'
-import SEO from './SEO'
-import Feedback from '../Feedback'
-import { FeaturedImage } from './style'
-import GlobalPrismStyles from '~/components/GlobalStyles/prism'
-import { format } from 'timeago.js'
-import { CenteredColumn } from '~/components/Layouts'
-
-interface Props {
-  post: Post
-}
-
-export default function PostView({ post }: Props) {
-  return (
-    <React.Fragment>
-      <SyntaxHighlighter data={post} />
-      <GlobalPrismStyles />
-      <SEO post={post} />
-
-      <CenteredColumn>
-        <div data-cy="overthought-post" className="flex flex-col space-y-8">
-          {post.feature_image && (
-            <FeaturedImage
-              alt={post.title}
-              loading="lazy"
-              src={post.feature_image}
-            />
-          )}
-          <div className="flex flex-col space-y-4">
-            <h1>{post.title}</h1>
-            <p className="p-small">Updated {format(post.updated_at)}</p>
-          </div>
-        </div>
-
-        <div
-          style={{ marginTop: '16px' }}
-          className="prose lg:prose-lg prose-blue"
-          dangerouslySetInnerHTML={{ __html: post.html }}
-        />
-
-        <div className="flex flex-col space-y-8">
-          <div />
-          <div />
-          <Feedback post={post} />
-          <OverthoughtSubscribeBox />
-        </div>
-      </CenteredColumn>
-    </React.Fragment>
-  )
-}
diff --git a/src/components/Overthought/Post/style.tsx b/src/components/Overthought/Post/style.tsx
deleted file mode 100644
index 54fd0cdcd..000000000
--- a/src/components/Overthought/Post/style.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import styled from 'styled-components'
-
-export const FeaturedImage = styled.img`
-  width: calc(100% + 48px);
-  min-height: 256px;
-  margin-left: -24px;
-  margin-right: -24px;
-  border-radius: 8px;
-
-  @media (max-width: 768px) {
-    width: 100%;
-    min-height: 0;
-    margin: 0;
-    margin-bottom: 24px;
-  }
-`
diff --git a/src/components/Overthought/SEO/index.tsx b/src/components/Overthought/SEO/index.tsx
deleted file mode 100644
index a5b9a1acc..000000000
--- a/src/components/Overthought/SEO/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as React from 'react'
-import { NextSeo } from 'next-seo'
-import Head from 'next/head'
-
-export default function OverthoughtSEO() {
-  return (
-    <React.Fragment>
-      <Head>
-        <link
-          rel="alternate"
-          type="application/rss+xml"
-          title="RSS Feed for Overthought"
-          href="/overthought/rss"
-        />
-      </Head>
-      <NextSeo
-        title={'Overthought'}
-        description={
-          'Thinking out loud about design, development, and building products.'
-        }
-        openGraph={{
-          url: 'https://brianlovin.com/overthought',
-          title: 'Overthought',
-          description:
-            'Thinking out loud about design, development, and building products.',
-          site_name: 'Overthought',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/overthought.png',
-              alt: 'Overthought',
-            },
-          ],
-        }}
-        twitter={{
-          cardType: 'summary_large_image',
-        }}
-      />
-    </React.Fragment>
-  )
-}
diff --git a/src/components/Overthought/Subscribe/index.tsx b/src/components/Overthought/Subscribe/index.tsx
deleted file mode 100644
index 7fa47fb53..000000000
--- a/src/components/Overthought/Subscribe/index.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import * as React from 'react'
-import { Input } from '~/components/Input'
-
-export default function OverthoughtSubscribeBox() {
-  const [email, setEmail] = React.useState('')
-  const [status, setStatus] = React.useState('pending')
-  const [errorMessage, setErrorMessage] = React.useState('')
-
-  function onChange(e) {
-    if (status !== 'pending') setStatus('pending')
-    return setEmail(e.target.value.trim())
-  }
-
-  async function submit(e) {
-    e.preventDefault()
-
-    const res = await fetch('/api/newsletter', {
-      body: JSON.stringify({ email }),
-      headers: { 'Content-Type': 'application/json' },
-      method: 'POST',
-    })
-
-    const { error } = await res.json()
-
-    if (error) {
-      setStatus('error')
-      setErrorMessage(error)
-      return
-    }
-
-    setEmail('')
-    setStatus('succeeded')
-  }
-
-  return (
-    <div
-      className="flex flex-col p-4 space-y-3 bg-gray-100 rounded-lg dark:bg-gray-900"
-      data-cy="overthought-subscribe-box"
-    >
-      <h5 className="flex items-center">
-        <span
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            paddingRight: '16px',
-          }}
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <circle cx="12" cy="12" r="10"></circle>
-            <polyline points="12 16 16 12 12 8"></polyline>
-            <line x1="8" y1="12" x2="16" y2="12"></line>
-          </svg>
-        </span>
-        Follow along
-      </h5>
-      <p>
-        If you want to know about new posts, add your email below.
-        Alternatively, you can{' '}
-        <a
-          href="https://overthought.ghost.io/rss/"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          subscribe with RSS
-        </a>
-        .
-      </p>
-      {status === 'succeeded' ? (
-        <p className="p-3 text-center text-white bg-green-500 rounded">
-          Thanks for subscribing!
-        </p>
-      ) : (
-        <form
-          onSubmit={submit}
-          className="flex flex-col space-y-3 md:flex-row md:space-x-3 md:space-y-0"
-        >
-          <label className="flex flex-1">
-            <span className="sr-only">Email address</span>
-            <Input
-              value={email}
-              disabled={status === 'loading'}
-              onChange={onChange}
-              placeholder="Email address"
-              type="email"
-              name="email"
-            />
-          </label>
-          <button
-            className="btn btn-primary"
-            onClick={submit}
-            disabled={status === 'submitting' || !email}
-            type="submit"
-          >
-            Subscribe
-          </button>
-        </form>
-      )}
-      {status === 'error' && (
-        <p className="p-3 text-center text-white bg-red-500 rounded">
-          {errorMessage}
-        </p>
-      )}
-    </div>
-  )
-}
diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
index e7e17d904..6961e71c0 100644
--- a/src/components/Page/index.tsx
+++ b/src/components/Page/index.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import Header from '~/components/Header'
-import { Footer } from '../Footer'
 
 interface Props {
   children: React.ReactNode
@@ -12,7 +11,7 @@ export default function Page(props: Props) {
     <>
       <Header />
       <div className="px-4 py-32 lg:px-0">{children}</div>
-      <Footer />
+      {/* <Footer /> */}
     </>
   )
 }
@@ -25,9 +24,13 @@ interface HeaderProps {
 export function PageHeader(props: HeaderProps) {
   const { title, subtitle } = props
   return (
-    <div className="flex flex-col space-y-2 md:items-center md:text-center">
-      <h1>{title}</h1>
-      {subtitle && <p className="text-2xl">{subtitle}</p>}
+    <div className="space-y-2">
+      <h1 className="font-sans text-2xl font-black md:text-4xl text-primary">
+        {title}
+      </h1>
+      <p className="font-sans text-xl leading-snug md:text-2xl text-tertiary">
+        {subtitle}
+      </p>
     </div>
   )
 }
diff --git a/src/components/Picture/index.tsx b/src/components/Picture/index.tsx
deleted file mode 100644
index 2ba8f5743..000000000
--- a/src/components/Picture/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as React from 'react'
-
-interface Props {
-  srcset: string[]
-  alt: string
-  style?: object
-  width: string
-  height: string
-  lazy?: boolean
-}
-
-export default function Picture({ srcset, alt, lazy = true, ...rest }: Props) {
-  const assets = []
-
-  srcset.map((src, i) => {
-    const key = `${src}-${i}`
-    if (src.endsWith('webp'))
-      assets.push(<source type="image/webp" srcSet={src} key={key} {...rest} />)
-    if (src.endsWith('jpg') || src.endsWith('jpeg'))
-      assets.push(<source type="image/jpeg" srcSet={src} key={key} {...rest} />)
-    if (src.endsWith('png'))
-      assets.push(<source type="image/png" srcSet={src} key={key} {...rest} />)
-  })
-
-  const fallback = srcset.find((src) => !src.endsWith('webp'))
-
-  assets.push(
-    <img
-      loading={lazy ? 'lazy' : 'eager'}
-      src={fallback}
-      key={fallback}
-      alt={alt}
-      {...rest}
-    />
-  )
-
-  return <picture>{assets}</picture>
-}
diff --git a/src/components/PodcastEpisodesList/index.tsx b/src/components/PodcastEpisodesList/index.tsx
index cf1779228..ba25a3a71 100644
--- a/src/components/PodcastEpisodesList/index.tsx
+++ b/src/components/PodcastEpisodesList/index.tsx
@@ -8,23 +8,23 @@ interface Props {
 
 export default function PodcastEpisodesList({ episodes }: Props) {
   return (
-    <div className="flex flex-col space-y-4">
+    <>
       {episodes.map((ep) => (
-        <div className="flex flex-col space-y-1" key={ep.id}>
-          <a
-            className="text-blue-600 dark:text-blue-500"
-            target="_blank"
-            rel="noopener noreferrer"
-            href={`https://designdetails.fm/episodes/${
-              ep.legacy_id || ep.token
-            }`}
-          >
-            {ep.title}
-          </a>
-          <p className="clamp-2">{ep.description}</p>
-          <p className="p-small">Released {format(ep.published_at)}</p>
+        <div className="space-y-1 " key={ep.id}>
+          <span>
+            <a
+              className="font-medium text-primary highlight-link-hover"
+              href={`https://designdetails.fm/episodes/${
+                ep.legacy_id || ep.token
+              }`}
+            >
+              {ep.title}
+            </a>
+          </span>
+          <p className="text-tertiary">{ep.description}</p>
+          <p className="text-quaternary">{format(ep.published_at)}</p>
         </div>
       ))}
-    </div>
+    </>
   )
 }
diff --git a/src/components/ProjectsList/index.tsx b/src/components/ProjectsList/index.tsx
new file mode 100644
index 000000000..f9ef7f4ec
--- /dev/null
+++ b/src/components/ProjectsList/index.tsx
@@ -0,0 +1,79 @@
+import * as React from 'react'
+import Link from 'next/link'
+
+function ProjectsList() {
+  return (
+    <div className="space-y-6">
+      <div className="space-y-1">
+        <a
+          href="https://staff.design"
+          className="font-medium highlight-link-hover"
+        >
+          Staff Design
+        </a>
+
+        <p className="text-tertiary">
+          A collection of interviews exploring how product designers navigate
+          the individual contributor path to its highest levels.
+        </p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/stack">
+          <a className="font-medium highlight-link-hover">My Stack</a>
+        </Link>
+
+        <p className="text-tertiary">
+          A curated list of my favorite tools and software.
+        </p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/security">
+          <a className="font-medium highlight-link-hover">Security Checklist</a>
+        </Link>
+
+        <p className="text-tertiary">
+          Tools and resources for staying safe on the internet.
+        </p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/bookmarks">
+          <a className="font-medium highlight-link-hover">Bookmarks</a>
+        </Link>
+
+        <p className="text-tertiary">Internet things, saved for later.</p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/ama">
+          <a className="font-medium highlight-link-hover">AMA</a>
+        </Link>
+
+        <p className="text-tertiary">Ask me anything.</p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/hn">
+          <a className="font-medium highlight-link-hover">Better Hacker News</a>
+        </Link>
+
+        <p className="text-tertiary">A better Hacker News.</p>
+      </div>
+
+      <div className="space-y-1">
+        <Link passHref href="/design-details">
+          <a className="font-medium highlight-link-hover">App Dissection</a>
+        </Link>
+
+        <p className="text-tertiary">
+          In-depth explorations of visual and interaction design in well-known
+          apps.
+        </p>
+      </div>
+    </div>
+  )
+}
+
+export default ProjectsList
diff --git a/src/components/Providers/SEO.tsx b/src/components/Providers/SEO.tsx
index 04ec8789e..4f28c57bb 100644
--- a/src/components/Providers/SEO.tsx
+++ b/src/components/Providers/SEO.tsx
@@ -2,41 +2,20 @@ import * as React from 'react'
 import Head from 'next/head'
 import { useRouter } from 'next/router'
 import { DefaultSeo } from 'next-seo'
-
-const SeoConfig = {
-  title: 'Brian Lovin',
-  description: 'Product designer',
-  openGraph: {
-    type: 'website',
-    locale: 'en_US',
-    url: 'https://brianlovin.com',
-    site_name: 'Brian Lovin',
-    images: [
-      {
-        url: 'https://brianlovin.com/static/meta/og-image.png',
-        alt: 'Brian Lovin',
-      },
-    ],
-  },
-  twitter: {
-    handle: '@brian_lovin',
-    site: '@brian_lovin',
-    cardType: 'summary_large_image',
-  },
-}
+import { defaultSEO } from '~/config/seo'
 
 export default function SEO() {
   const router = useRouter()
 
   let emoji = '👾'
   if (router.route.indexOf('/about') === 0) emoji = '👋'
-  if (router.route.indexOf('/overthought') === 0) emoji = '🤔'
+  if (router.route.indexOf('/writing') === 0) emoji = '🤔'
   if (router.route.indexOf('/design-details') === 0) emoji = '✨'
   if (router.route.indexOf('/bookmarks') === 0) emoji = '📖'
 
   return (
     <React.Fragment>
-      <DefaultSeo {...SeoConfig} />
+      <DefaultSeo {...defaultSEO} />
       <Head>
         <meta name="theme-color" content={'#fefefe'} />
         <link rel="apple-touch-icon" href="/static/meta/apple-touch-icon.png" />
diff --git a/src/components/SecurityChecklist/ChecklistItem/App.tsx b/src/components/SecurityChecklist/ChecklistItem/App.tsx
index a1353afc8..64d076276 100644
--- a/src/components/SecurityChecklist/ChecklistItem/App.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/App.tsx
@@ -105,10 +105,8 @@ export const AppRow = ({ app }: Props) => {
         key={key}
       >
         <a
-          className="flex flex-col items-center space-y-1 text-tertiary hover:text-gray-1000 dark:hover:text-gray-50"
+          className="items-center space-y-1 text-tertiary hover:text-gray-1000 dark:hover:text-gray-50"
           href={sourceUrl}
-          target="_blank"
-          rel="noopener noreferrer"
         >
           <AppIconSvg name={renderMatch} />
         </a>
@@ -117,13 +115,11 @@ export const AppRow = ({ app }: Props) => {
   }
 
   return (
-    <div className="flex flex-col p-4 pr-6 -mx-4 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800">
+    <div className="p-4 pr-6 -mx-4 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800">
       <div className="flex items-center justify-between">
         <a
           className="flex items-center h-full space-x-3"
           href={app.url}
-          target="_blank"
-          rel="noopener noreferrer"
           title={`go to: ${app.name}`}
         >
           {app.image && (
@@ -133,7 +129,7 @@ export const AppRow = ({ app }: Props) => {
               src={`/static/img/security/${app.image}`}
             />
           )}
-          <p className="font-medium">{app.name}</p>
+          <p className="font-medium text-primary">{app.name}</p>
         </a>
         {sourcesKeys && (
           <div className="flex items-center space-x-5">
diff --git a/src/components/SecurityChecklist/ChecklistItem/Heading.tsx b/src/components/SecurityChecklist/ChecklistItem/Heading.tsx
index 54524c859..52d26ebc6 100644
--- a/src/components/SecurityChecklist/ChecklistItem/Heading.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/Heading.tsx
@@ -6,5 +6,9 @@ type Props = {
 }
 
 export function Heading({ resource }: Props) {
-  return <p className="text-xl font-bold text-primary">{resource.title}</p>
+  return (
+    <p className="font-sans text-2xl font-bold text-primary">
+      {resource.title}
+    </p>
+  )
 }
diff --git a/src/components/SecurityChecklist/ChecklistItem/Offer.tsx b/src/components/SecurityChecklist/ChecklistItem/Offer.tsx
index b5940d246..7b2cf3e31 100644
--- a/src/components/SecurityChecklist/ChecklistItem/Offer.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/Offer.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { Link } from 'react-feather'
 import type { Offer } from '../types'
 
 type Props = {
@@ -10,14 +9,9 @@ export default function AppOffer({ offer }: Props) {
   return (
     <a
       href={offer.url}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="flex items-center px-4 py-2 mt-3 space-x-3 text-gray-700 border border-gray-200 rounded-md bg-gray-50 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-300 hover:text-gray-1000 dark:hover:text-gray-50"
+      className="flex items-center px-4 py-2 mt-3 space-x-3 text-center highlight-link "
     >
-      <Link size={16} />
-      <p className="text-sm font-medium text-tertiary hover:text-gray-1000 dark:hover:text-gray-50">
-        {offer.label}
-      </p>
+      <p className="pl-2 text-sm font-medium">{offer.label}</p>
     </a>
   )
 }
diff --git a/src/components/SecurityChecklist/ChecklistItem/Resource.tsx b/src/components/SecurityChecklist/ChecklistItem/Resource.tsx
index e3a934c1f..cf5738a2e 100644
--- a/src/components/SecurityChecklist/ChecklistItem/Resource.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/Resource.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { Link } from 'react-feather'
 import type { Resource } from '../types'
 
 type Props = {
@@ -7,16 +6,12 @@ type Props = {
 }
 
 export const ResourceRow = ({ resource }: Props) => (
-  <a
-    href={resource.url}
-    target="_blank"
-    rel="noopener noreferrer"
-    className="flex items-center px-4 py-3 -mx-3 space-x-3 font-normal text-gray-700 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100"
-  >
-    <Link
-      className="flex-shrink-0 text-gray-800 dark:text-gray-400"
-      size={16}
-    />
-    <p className="flex-grow-0 flex-shrink">{resource.name}</p>
-  </a>
+  <div className="block">
+    <a
+      href={resource.url}
+      className="-mx-3 space-x-3 font-normal text-secondary highlight-link-hover"
+    >
+      <p className="inline font-medium ">· {resource.name}</p>
+    </a>
+  </div>
 )
diff --git a/src/components/SecurityChecklist/ChecklistItem/Resources.tsx b/src/components/SecurityChecklist/ChecklistItem/Resources.tsx
index cd450d0eb..3925928e1 100644
--- a/src/components/SecurityChecklist/ChecklistItem/Resources.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/Resources.tsx
@@ -9,13 +9,15 @@ type Props = {
 export function Resources({ resource }: Props) {
   if (!resource.resources) return null
   return (
-    <div className="flex flex-col space-y-0">
+    <div className="space-y-0 ">
       <p className="mb-4 text-sm font-medium tracking-wider uppercase text-tertiary">
         Resources
       </p>
-      {resource.resources.map((r) => (
-        <ResourceRow key={r.name} resource={r} />
-      ))}
+      <div className="space-y-3">
+        {resource.resources.map((r) => (
+          <ResourceRow key={r.name} resource={r} />
+        ))}
+      </div>
     </div>
   )
 }
diff --git a/src/components/SecurityChecklist/ChecklistItem/index.tsx b/src/components/SecurityChecklist/ChecklistItem/index.tsx
index e747e285e..e18bc2534 100644
--- a/src/components/SecurityChecklist/ChecklistItem/index.tsx
+++ b/src/components/SecurityChecklist/ChecklistItem/index.tsx
@@ -13,28 +13,18 @@ export default function ChecklistItem(props: Props) {
   const { resource } = props
 
   return (
-    <div className="flex flex-col p-6 pb-4 space-y-6 bg-white rounded-lg shadow dark:bg-gray-900">
+    <div className="space-y-8">
       <div>
         <Heading resource={resource} />
 
-        <div className="mt-3 prose-sm prose">
+        <div className="mt-3 prose">
           <MarkdownRenderer>{resource.description}</MarkdownRenderer>
         </div>
       </div>
 
-      {resource.apps && (
-        <>
-          <div className="w-full h-px bg-gray-100 dark:bg-gray-800" />
-          <Apps resource={resource} />
-        </>
-      )}
+      {resource.apps && <Apps resource={resource} />}
 
-      {resource.resources && (
-        <>
-          <div className="w-full h-px bg-gray-100 dark:bg-gray-800" />
-          <Resources resource={resource} />
-        </>
-      )}
+      {resource.resources && <Resources resource={resource} />}
     </div>
   )
 }
diff --git a/src/components/SecurityChecklist/index.tsx b/src/components/SecurityChecklist/index.tsx
index b4af3ffac..981d63dd6 100644
--- a/src/components/SecurityChecklist/index.tsx
+++ b/src/components/SecurityChecklist/index.tsx
@@ -7,7 +7,7 @@ export default function SecurityChecklist() {
   const keys = Object.keys(data)
   const resources = keys.map((k) => data[k])
   return (
-    <div className="flex flex-col mt-8 space-y-4 md:space-y-8">
+    <div className="space-y-16">
       {resources.map((resource) => (
         <ChecklistItem key={resource.id} resource={resource} />
       ))}
diff --git a/src/components/Stack/Recommendations.tsx b/src/components/Stack/Recommendations.tsx
index e23e79594..e565c0594 100644
--- a/src/components/Stack/Recommendations.tsx
+++ b/src/components/Stack/Recommendations.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { Zap } from 'react-feather'
 import { Input, Textarea } from '~/components/Input'
 
 export default function Recommendations() {
@@ -48,14 +47,9 @@ export default function Recommendations() {
   }
 
   return (
-    <div className="flex flex-col p-6 mt-8 space-y-3 bg-gray-100 rounded-lg dark:bg-gray-900">
-      <div className="flex items-center">
-        <Zap size={20} className="mr-3 text-gray-900 dark:text-gray-100" />
-        <p className="font-semibold text-gray-900 dark:text-gray-100">
-          Recommendations
-        </p>
-      </div>
-      <p className="font-normal text-gray-900 dark:text-gray-300">
+    <div className="p-8 -mx-8 space-y-4 bg-gray-400 border-b border-gray-300 border-dashed dark:bg-gray-200 bg-opacity-5 dark:border-gray-800">
+      <p className="flex font-semibold text-primary">Recommendations</p>
+      <p className="text-tertiary">
         My stack is a curated list of tools and software that I use daily. In
         general, less is more. But I’m always interested in discovering great
         new apps and tools – let me know what I should check out.
@@ -104,7 +98,7 @@ export default function Recommendations() {
         </div>
         <div className="flex justify-end">
           <button
-            className="btn btn-primary"
+            className="px-8 py-2 font-medium rounded flex-0 disabled:text-gray-400 bg-gray-1000 dark:bg-white bg-opacity-5 text-primary hover:bg-opacity-10"
             disabled={serverState.submitting || !message}
             type="submit"
           >
@@ -113,11 +107,11 @@ export default function Recommendations() {
         </div>
         {serverState.submitted &&
           (serverState.error ? (
-            <p className="p-3 text-white bg-red-500 rounded">
+            <p className="p-2 text-center text-red-600 bg-red-500 rounded bg-opacity-5">
               {serverState.error}
             </p>
           ) : (
-            <p className="p-3 text-center text-white bg-green-500 rounded">
+            <p className="p-2 text-center text-green-700 bg-green-500 rounded bg-opacity-5">
               Thanks for the recommendation!
             </p>
           ))}
diff --git a/src/components/Stack/index.tsx b/src/components/Stack/index.tsx
index c357c9cb6..c8794d693 100644
--- a/src/components/Stack/index.tsx
+++ b/src/components/Stack/index.tsx
@@ -10,16 +10,14 @@ export default function StackList() {
   })
 
   return (
-    <div className="flex flex-col mt-16">
+    <div className="mt-8">
       {sorted.map((stack) => {
         const hasBadges = stack.independent || stack.oss
         return (
           <a
             key={stack.name}
-            className="flex py-4 rounded-lg sm:p-4 sm:hover:bg-gray-100 sm:dark:hover:bg-gray-900"
+            className="flex py-4 bg-gray-400 bg-opacity-0 rounded md:-mx-4 sm:p-4 sm:hover:bg-opacity-5 sm:dark:hover:bg-gray-900 sm:dark:hover:bg-opacity-100"
             href={stack.url}
-            target="_blank"
-            rel="nooopener noreferrer"
           >
             <Image
               src={`/static/img/stack/${stack.image}`}
@@ -27,24 +25,25 @@ export default function StackList() {
               height={64}
               layout="fixed"
               alt={`${stack.name} icon`}
-              className="border border-gray-100 dark:border-gray-900 rounded-xl flex-0"
+              className="border border-gray-100 rounded-xl dark:border-gray-900 flex-0"
             />
-            <div className="flex flex-col justify-center flex-1 col-span-3 pl-5 space-y-2">
-              <div className="flex flex-col">
-                <p>{stack.name}</p>
-                <p className="text-base font-normal text-gray-600 dark:text-gray-400">
+
+            <div className="justify-center flex-1 col-span-3 pl-5 space-y-2 ">
+              <div className="space-y-1 ">
+                <p className="mt-2 font-medium text-primary">{stack.name}</p>
+                <p className="text-base font-normal leading-snug text-tertiary">
                   {stack.description}
                 </p>
               </div>
               {hasBadges && (
                 <div className="flex space-x-2">
                   {stack.independent && (
-                    <span className="self-start px-3 py-0.5 text-xs font-medium leading-5 tracking-wide dark:text-purple-400 dark:border-purple-400 text-purple-600 border border-purple-600 rounded-full">
+                    <span className="self-start rounded px-3 py-0.5 text-sm font-medium leading-5 tracking-wide dark:text-purple-400 dark:border-purple-400 text-purple-600 bg-purple-500 bg-opacity-5 dark:bg-opacity-20">
                       Indie
                     </span>
                   )}
                   {stack.oss && (
-                    <span className="self-start px-3 py-0.5 text-xs font-medium leading-5 tracking-wide dark:text-green-400 dark:border-green-400 text-green-600 border border-green-600 rounded-full">
+                    <span className="self-start rounded px-3 py-0.5 text-sm font-medium leading-5 tracking-wide dark:text-green-400 dark:border-green-400 text-green-600 bg-green-500 bg-opacity-5 dark:bg-opacity-20">
                       Open Source
                     </span>
                   )}
diff --git a/src/components/SubscriptionButtons/index.tsx b/src/components/SubscriptionButtons/index.tsx
deleted file mode 100644
index e530787d8..000000000
--- a/src/components/SubscriptionButtons/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import * as React from 'react'
-import { SubscriptionsContainer, SubscriptionAvatar } from './style'
-
-interface ConfigPodcast {
-  id: number
-  name: string
-  slug: string
-  description: string
-  simplecastId: number
-  artworkUrl: string
-  iTunesUrl: string
-  overcastUrl: string
-  pocketCastsUrl: string
-  rssFeedUrl: string
-  googlePodcastsUrl: string
-  castroUrl: string
-  breakerUrl: string
-  spotifyUrl: string
-  applePodcastId: string
-  twitterUsername: string
-  colors: {
-    text: string
-    button: string
-  }
-}
-
-interface Props {
-  podcast: ConfigPodcast
-}
-
-export default function SubscriptionButtons(props: Props) {
-  const { podcast } = props
-
-  return (
-    <SubscriptionsContainer>
-      {podcast.iTunesUrl && (
-        <a href={podcast.iTunesUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/podcasts.png"
-            loading="lazy"
-            alt="Apple Podcasts"
-          />
-        </a>
-      )}
-
-      {podcast.overcastUrl && (
-        <a href={podcast.overcastUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/overcast.png"
-            loading="lazy"
-            alt="Overcast"
-          />
-        </a>
-      )}
-
-      {podcast.pocketCastsUrl && (
-        <a
-          href={podcast.pocketCastsUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/pocketcasts.png"
-            loading="lazy"
-            alt="Pocketcasts"
-          />
-        </a>
-      )}
-
-      {podcast.googlePodcastsUrl && (
-        <a
-          href={podcast.googlePodcastsUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/google-podcasts.png"
-            loading="lazy"
-            alt="Google Podcasts"
-          />
-        </a>
-      )}
-
-      {podcast.castroUrl && (
-        <a href={podcast.castroUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/castro.png"
-            loading="lazy"
-            alt="Castro"
-          />
-        </a>
-      )}
-
-      {podcast.breakerUrl && (
-        <a href={podcast.breakerUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/breaker.png"
-            loading="lazy"
-            alt="Breakrer"
-          />
-        </a>
-      )}
-
-      {podcast.spotifyUrl && (
-        <a href={podcast.spotifyUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/spotify.png"
-            loading="lazy"
-            alt="Spotify"
-          />
-        </a>
-      )}
-
-      {podcast.rssFeedUrl && (
-        <a href={podcast.rssFeedUrl} target="_blank" rel="noopener noreferrer">
-          <SubscriptionAvatar
-            src="/static/img/subscription_icons/rss.png"
-            loading="lazy"
-            alt="RSS Feed"
-          />
-        </a>
-      )}
-    </SubscriptionsContainer>
-  )
-}
diff --git a/src/components/SubscriptionButtons/style.tsx b/src/components/SubscriptionButtons/style.tsx
deleted file mode 100644
index c3b9edcbe..000000000
--- a/src/components/SubscriptionButtons/style.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import styled from 'styled-components'
-import theme from '~/components/Theme'
-
-export const SubscriptionsContainer = styled.div`
-  padding: ${theme.space[4]} 0 0;
-  display: grid;
-  grid-gap: 16px;
-  grid-template-columns: repeat(8, 1fr);
-  justify-content: center;
-  width: 100%;
-  max-width: ${theme.breakpoints[0]};
-
-  a {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  @media (max-width: 968px) {
-    grid-gap: 24px;
-    grid-template-columns: repeat(4, 1fr);
-  }
-`
-
-export const SubscriptionAvatar = styled.img`
-  width: 32px;
-  height: 32px;
-  border-radius: 16px;
-  transform: scale(1);
-  transition: transform 0.2s ease-in-out;
-
-  &:hover {
-    transform: scale(1.1);
-    transition: transform 0.2s ease-in-out;
-    box-shadow: ${theme.shadows.largeHover};
-  }
-`
diff --git a/src/components/Timeline/2020/December.tsx b/src/components/Timeline/2020/December.tsx
index a2830aae7..ddea596b2 100644
--- a/src/components/Timeline/2020/December.tsx
+++ b/src/components/Timeline/2020/December.tsx
@@ -1,6 +1,5 @@
 import Link from 'next/link'
 import * as React from 'react'
-import { Layers, Plus, Zap } from 'react-feather'
 import { BlogPost } from '../BlogPost'
 import { ButtonSet, DateEntry, Notes, TimelineEntry } from '../Entry'
 
@@ -9,43 +8,23 @@ export function December() {
     <>
       <DateEntry title="December, 2020" />
 
-      <TimelineEntry
-        title="Shut down Spec.fm"
-        timestamp="December 26, 2020"
-        Icon={Plus}
-      >
+      <TimelineEntry title="Shut down Spec.fm" timestamp="December 26, 2020">
         <>
           <Notes>
             <p>
-              This week we shut down{' '}
-              <a
-                href="https://spec.fm"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Spec.fm
-              </a>
-              , a podcast network I co-founded in 2015. Sarah wrote a reflection
-              on the last five years of operating the network, lessons we
-              learned, and how much money the company made.
+              This week we shut down <a href="https://spec.fm">Spec.fm</a>, a
+              podcast network I co-founded in 2015. Sarah wrote a reflection on
+              the last five years of operating the network, lessons we learned,
+              and how much money the company made.
             </p>
             <p>
-              <a
-                href="https://designdetails.fm"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Design Details
-              </a>{' '}
-              will continue as an independent podast – new episodes coming in
-              2021!
+              <a href="https://designdetails.fm">Design Details</a> will
+              continue as an independent podast – new episodes coming in 2021!
             </p>
           </Notes>
           <ButtonSet>
             <a
               href="https://medium.com/@sarahberus/a09fa8390000"
-              target="_blank"
-              rel="noopener noreferrer"
               className="btn"
             >
               Read the blog post
@@ -54,11 +33,7 @@ export function December() {
         </>
       </TimelineEntry>
 
-      <TimelineEntry
-        title="Published my stack"
-        timestamp="December 21, 2020"
-        Icon={Layers}
-      >
+      <TimelineEntry title="Published my stack" timestamp="December 21, 2020">
         <>
           <Notes>
             <p>
@@ -85,19 +60,12 @@ export function December() {
       <TimelineEntry
         title="Announced Staff.design"
         timestamp="December 6, 2020"
-        Icon={Zap}
-        tint={'purple'}
-        divider={false}
       >
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://staff.design"
-        >
-          <div className="relative flex flex-col overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
+        <a href="https://staff.design">
+          <div className="relative overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
             <div
               style={{ zIndex: 2 }}
-              className="flex flex-col justify-center flex-auto px-3 pt-8 pb-8 space-y-1 md:items-center"
+              className="justify-center flex-auto px-3 pt-8 pb-8 space-y-1 md:items-center"
             >
               <svg
                 width="128"
@@ -148,7 +116,7 @@ export function December() {
                 Navigating the individual contributor career path
               </p>
               <span />
-              <div className="px-6 py-4 font-mono text-sm text-center hover:bg-opacity-10 filter-saturate filter-blur bg-gray-1000 bg-opacity-5 dark:bg-gray-50 text-primary">
+              <div className="px-6 py-4 text-sm text-center hover:bg-opacity-10 filter-saturate filter-blur bg-gray-1000 bg-opacity-5 dark:bg-gray-50 text-primary">
                 View the project
               </div>
             </div>
diff --git a/src/components/Timeline/2020/November.tsx b/src/components/Timeline/2020/November.tsx
index b33183e08..c3fbb8aba 100644
--- a/src/components/Timeline/2020/November.tsx
+++ b/src/components/Timeline/2020/November.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react'
 import Link from 'next/link'
 import Image from 'next/image'
-import { GitCommit, GitMerge, Zap, Wind, Twitter, Camera } from 'react-feather'
 import { ButtonSet, DateEntry, Notes, TimelineEntry } from '../Entry'
 import { BlogPost } from '../BlogPost'
 
@@ -19,7 +18,6 @@ export function November() {
       <TimelineEntry
         title="Added new bookmark types"
         timestamp="November 28, 2020"
-        Icon={GitCommit}
       >
         <Notes>
           <p>
@@ -67,16 +65,9 @@ export function November() {
           </Link>
           <a
             href="https://github.com/brianlovin/brian-lovin-next/pull/1190"
-            target="_blank"
-            rel="noopener noreferrer"
             className="w-full md:w-auto"
           >
-            <button className="w-full md:w-auto btn">
-              <>
-                <GitMerge size={16} />
-                <span>View pull request</span>
-              </>
-            </button>
+            <button className="w-full md:w-auto btn">View pull request</button>
           </a>
         </ButtonSet>
       </TimelineEntry>
@@ -84,7 +75,6 @@ export function November() {
       <TimelineEntry
         title="Moved Security Checklist to personal site"
         timestamp="November 24, 2020"
-        Icon={GitCommit}
       >
         <Notes>
           <p>
@@ -104,23 +94,15 @@ export function November() {
           </Link>
           <a
             href="https://github.com/brianlovin/brian-lovin-next/pull/1188"
-            target="_blank"
-            rel="noopener noreferrer"
             className="w-full md:w-auto"
           >
-            <button className="w-full md:w-auto btn">
-              <>
-                <GitMerge size={16} />
-                <span>View pull request</span>
-              </>
-            </button>
+            <button className="w-full md:w-auto btn">View pull request</button>
           </a>
         </ButtonSet>
       </TimelineEntry>
       <TimelineEntry
         title="Rebuilt site with Tailwind.css"
         timestamp="November 22, 2020"
-        Icon={Wind}
       >
         <Notes>
           <p>
@@ -131,26 +113,14 @@ export function November() {
           </p>
         </Notes>
         <ButtonSet>
-          <a
-            href="https://tailwindcss.com"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="w-full md:w-auto"
-          >
+          <a href="https://tailwindcss.com" className="w-full md:w-auto">
             <button className="w-full md:w-auto btn">Tailwind.css</button>
           </a>
           <a
             href="https://github.com/brianlovin/brian-lovin-next/pull/1175"
-            target="_blank"
-            rel="noopener noreferrer"
             className="w-full md:w-auto"
           >
-            <button className="w-full md:w-auto btn">
-              <>
-                <GitMerge size={16} />
-                <span>View pull request</span>
-              </>
-            </button>
+            <button className="w-full md:w-auto btn">View pull request</button>
           </a>
         </ButtonSet>
       </TimelineEntry>
@@ -167,16 +137,10 @@ export function November() {
       <TimelineEntry
         title="Created Waves wallpapers"
         timestamp="November 15, 2020"
-        Icon={Zap}
-        tint="purple"
       >
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://gumroad.com/l/waves-premium-phone-wallpapers"
-        >
-          <div className="flex flex-col overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
-            <div className="flex flex-col justify-start px-3 py-3 space-y-2 md:w-1/2">
+        <a href="https://gumroad.com/l/waves-premium-phone-wallpapers">
+          <div className="overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
+            <div className="justify-start px-3 py-3 space-y-2 md:w-1/2">
               <h5 className="px-2 pt-2">Waves</h5>
               <p className="flex-1 px-2 font-normal">
                 A custom-made set of 10 phone wallpapers, each with a unique
@@ -199,12 +163,7 @@ export function November() {
         </a>
       </TimelineEntry>
 
-      <TimelineEntry
-        title="Twitter conversation"
-        timestamp="November 14, 2020"
-        Icon={Twitter}
-        tint="blue"
-      >
+      <TimelineEntry title="Twitter conversation" timestamp="November 14, 2020">
         <Notes>
           <blockquote>
             Are any designers out there making good passive income outside of
@@ -219,8 +178,6 @@ export function November() {
         <ButtonSet>
           <a
             href="https://twitter.com/brian_lovin/status/1327734503142354945?s=21"
-            target="_blank"
-            rel="noopener noreferrer"
             className="w-full md:w-auto"
           >
             <button className="w-full md:w-auto btn">
@@ -237,17 +194,8 @@ export function November() {
         description="True respect is the difference between a fantastic collaborator and an asshole."
       />
 
-      <TimelineEntry
-        title="Visited Yosemite"
-        timestamp="November 9, 2020"
-        Icon={Camera}
-        tint="gray"
-      >
-        <a
-          href="https://twitter.com/brian_lovin/status/1325864903370924033"
-          target="_blank"
-          rel="nooopener noreferrer"
-        >
+      <TimelineEntry title="Visited Yosemite" timestamp="November 9, 2020">
+        <a href="https://twitter.com/brian_lovin/status/1325864903370924033">
           <div className="grid grid-cols-2 grid-rows-2 gap-2">
             <Image
               src="https://pbs.twimg.com/media/EmZqxm5VMAAO0mm?format=jpg&name=small"
@@ -286,8 +234,6 @@ export function November() {
         <ButtonSet>
           <a
             href="https://unsplash.com/@brianlovin"
-            target="_blank"
-            rel="noopener noreferrer"
             className="w-full md:w-auto btn"
           >
             Download on Unsplash
@@ -300,7 +246,6 @@ export function November() {
         slug="writing-better-self-reviews"
         title="Writing Better Self Reviews"
         description="My tips and strategies for writing effective self reviews."
-        divider={false}
       />
     </>
   )
diff --git a/src/components/Timeline/2020/October.tsx b/src/components/Timeline/2020/October.tsx
index 14d9c1238..bd639166a 100644
--- a/src/components/Timeline/2020/October.tsx
+++ b/src/components/Timeline/2020/October.tsx
@@ -1,6 +1,5 @@
 import Image from 'next/image'
 import * as React from 'react'
-import { Camera } from 'react-feather'
 import { DateEntry, Notes, TimelineEntry } from '../Entry'
 
 export function October() {
@@ -10,7 +9,6 @@ export function October() {
       <TimelineEntry
         title="Traveled from Colorado to San Francisco"
         timestamp="First week of October"
-        Icon={Camera}
       >
         <Notes>
           <p>
diff --git a/src/components/Timeline/2021/January.tsx b/src/components/Timeline/2021/January.tsx
index 7cae8a4a9..e6cf9eb3b 100644
--- a/src/components/Timeline/2021/January.tsx
+++ b/src/components/Timeline/2021/January.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import { Zap } from 'react-feather'
 import { BlogPost } from '../BlogPost'
 import { DateEntry, TimelineEntry } from '../Entry'
 
@@ -15,21 +14,12 @@ export function January() {
         description="Tips and strategies for releasing and maximizing the value of side projects."
       />
 
-      <TimelineEntry
-        timestamp="January 19, 2021"
-        title="Launched Staff Design"
-        Icon={Zap}
-        tint="purple"
-      >
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://staff.design"
-        >
-          <div className="relative flex flex-col overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
+      <TimelineEntry timestamp="January 19, 2021" title="Launched Staff Design">
+        <a href="https://staff.design">
+          <div className="relative overflow-hidden transition-shadow bg-white rounded-md shadow md:flex-row dark:bg-gray-900 hover:shadow-cardHover">
             <div
               style={{ zIndex: 2 }}
-              className="flex flex-col justify-center flex-auto px-3 pt-8 pb-8 space-y-1 md:items-center"
+              className="justify-center flex-auto px-3 pt-8 pb-8 space-y-1 md:items-center"
             >
               <svg
                 width="128"
@@ -80,7 +70,7 @@ export function January() {
                 Navigating the individual contributor career path
               </p>
               <span />
-              <div className="px-6 py-4 font-mono text-sm text-center hover:bg-opacity-10 filter-saturate filter-blur bg-gray-1000 bg-opacity-5 dark:bg-gray-50 text-primary">
+              <div className="px-6 py-4 text-sm text-center hover:bg-opacity-10 filter-saturate filter-blur bg-gray-1000 bg-opacity-5 dark:bg-gray-50 text-primary">
                 View the project
               </div>
             </div>
@@ -105,7 +95,6 @@ export function January() {
         slug="2020-in-review"
         title="2020 in review"
         description="Looking back on 2020 and setting goals for the next year."
-        divider={false}
       />
     </>
   )
diff --git a/src/components/Timeline/BlogPost.tsx b/src/components/Timeline/BlogPost.tsx
index 922fb6ca3..9b80280ab 100644
--- a/src/components/Timeline/BlogPost.tsx
+++ b/src/components/Timeline/BlogPost.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react'
 import Link from 'next/link'
 import { TimelineEntry } from './Entry'
-import { Edit2 } from 'react-feather'
 import Image from 'next/image'
 
 interface Props {
@@ -9,7 +8,6 @@ interface Props {
   title: string
   description: string
   timestamp: string
-  divider?: boolean
   image?: string
 }
 
@@ -18,25 +16,18 @@ export function BlogPost({
   title,
   description,
   timestamp,
-  divider = true,
   image,
 }: Props) {
   return (
-    <TimelineEntry
-      title="Published new post"
-      tint="green"
-      Icon={Edit2}
-      timestamp={timestamp}
-      divider={divider}
-    >
-      <Link passHref href={`/overthought/${slug}`}>
+    <TimelineEntry title="Published new post" timestamp={timestamp}>
+      <Link passHref href={`/writing/${slug}`}>
         <a className="px-4 py-3 transition-shadow bg-white rounded-md shadow dark:bg-gray-900 hover:shadow-cardHover">
-          <div className="flex flex-col space-y-4">
-            <div className="flex flex-col space-y-1">
+          <div className="space-y-4 ">
+            <div className="space-y-1 ">
               {image && (
                 <div className="mb-3 -mt-3 -ml-4 -mr-4 overflow-hidden border-b border-gray-100 dark:border-gray-900 rounded-t-md">
                   <Image
-                    src={`/static/img/overthought/${image}`}
+                    src={`/static/img/writing/${image}`}
                     width={1012}
                     height={506}
                     layout="responsive"
diff --git a/src/components/Timeline/Entry.tsx b/src/components/Timeline/Entry.tsx
index 9f2511716..a7d50569a 100644
--- a/src/components/Timeline/Entry.tsx
+++ b/src/components/Timeline/Entry.tsx
@@ -4,31 +4,7 @@ interface TimelineEntryProps {
   children?: React.ReactChild | React.ReactChild[]
   title: string
   timestamp?: string
-  Icon: React.ReactType
-  tint?: string
-  divider?: boolean
-}
-
-function getTint(color: string) {
-  switch (color) {
-    case 'red':
-      return 'text-red-800 dark:text-red-200 bg-red-500 bg-opacity-20'
-    case 'blue':
-      return 'text-blue-800 dark:text-blue-200 bg-blue-500 bg-opacity-20'
-    case 'green':
-      return 'text-green-800 dark:text-green-200 bg-green-500 bg-opacity-20'
-    case 'purple':
-      return 'text-purple-800 dark:text-purple-200 bg-purple-500 bg-opacity-20'
-    case 'indigo':
-      return 'text-indigo-800 dark:text-indigo-200 bg-indigo-500 bg-opacity-20'
-    case 'pink':
-      return 'text-pink-800 dark:text-pink-200 bg-pink-500 bg-opacity-20'
-    case 'yellow':
-      return 'text-yellow-800 dark:text-yellow-200 bg-yellow-500 bg-opacity-20'
-    case 'gray':
-    default:
-      return 'text-primary bg-gray-200 dark:bg-gray-800'
-  }
+  description?: string
 }
 
 export function Notes({ children }) {
@@ -41,46 +17,23 @@ export function Notes({ children }) {
 
 export function ButtonSet({ children }) {
   return (
-    <div className="flex flex-wrap space-y-3 md:space-y-0 md:space-x-3 timeline-inset ">
+    <div className="flex flex-wrap space-y-3 md:space-y-0 md:space-x-3 timeline-inset">
       {children}
     </div>
   )
 }
 
 export function TimelineEntry({
-  children = null,
   title,
   timestamp,
-  Icon,
-  tint = 'gray',
-  divider = true,
+  description,
 }: TimelineEntryProps) {
   return (
-    <div className="flex mb-12 md:mb-12 timeline-item">
-      {/* Icon and dividing line */}
-      <div className="flex flex-col items-center">
-        <div
-          className={`flex justify-center p-3 rounded-full align-center border-4 border-gray-50 dark:border-gray-1000 ${getTint(
-            tint
-          )}`}
-        >
-          <Icon size={16} />
-        </div>
-        {divider && (
-          <div className="flex-1 w-px -mb-12 bg-gray-200 md:-mb-12 dark:bg-gray-800 timeline-stroke" />
-        )}
-      </div>
-
-      <div className="flex flex-col flex-1 ml-4 space-y-4">
-        <div className="flex flex-col pt-1 contents-center">
-          <span className="font-medium text-primary">{title}</span>
-          {timestamp && (
-            <span className="text-sm text-tertiary">{timestamp}</span>
-          )}
-        </div>
-        <div className="flex flex-col space-y-4 timeline-full-width">
-          {children}
-        </div>
+    <div className="flex py-4 pl-6 border-l border-gray-300 border-dashed dark:border-gray-800">
+      <div className="flex flex-col space-y-1">
+        <span className="text-quaternary">{timestamp}</span>
+        <span className="text-primary">{title}</span>
+        {description && <span className="text-tertiary">{description}</span>}
       </div>
     </div>
   )
@@ -92,9 +45,11 @@ interface DateEntryProps {
 
 export function DateEntry({ title }: DateEntryProps) {
   return (
-    <div className="flex items-center mt-4 mb-8 timeline-item">
-      <p className="text-lg font-bold">{title}</p>
-      <div className="flex-1 h-px ml-4 bg-gray-200 dark:bg-gray-800 timeline-stroke" />
+    <div className="flex items-center my-8 -ml-1 timeline-item">
+      <p className="flex items-center font-medium">
+        <span className="pr-4 text-2xl font-normal">⨰</span>
+        <span>{title}</span>
+      </p>
     </div>
   )
 }
diff --git a/src/components/Timeline/index.tsx b/src/components/Timeline/index.tsx
index c42c82614..4f4d61f99 100644
--- a/src/components/Timeline/index.tsx
+++ b/src/components/Timeline/index.tsx
@@ -1,19 +1,17 @@
 import * as React from 'react'
-import { Coffee } from 'react-feather'
 import { Year2020 } from './2020'
 import { Year2021 } from './2021'
 import { TimelineEntry } from './Entry'
 
 export function Timeline() {
   return (
-    <div className="flex flex-col w-full timeline-container">
+    <div className="w-full timeline-container">
+      <h4 className="font-list-heading">Changelog</h4>
       <Year2021 />
       <Year2020 />
       <TimelineEntry
         title="Work in progress..."
         timestamp="More timeline entries coming soon"
-        Icon={Coffee}
-        divider={false}
       />
     </div>
   )
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
index 7a8934296..0ada9a52e 100644
--- a/src/components/Tooltip/index.tsx
+++ b/src/components/Tooltip/index.tsx
@@ -18,7 +18,7 @@ export default function Tooltip(props: Props) {
       arrow={true}
       hideOnClick={false}
       content={
-        <span className="font-medium" style={{ ...style }}>
+        <span className="text-sm font-medium" style={{ ...style }}>
           {content}
         </span>
       }
diff --git a/src/components/Overthought/Feedback/index.tsx b/src/components/Writing/Feedback/index.tsx
similarity index 69%
rename from src/components/Overthought/Feedback/index.tsx
rename to src/components/Writing/Feedback/index.tsx
index 8d807bc37..3aad1b0bf 100644
--- a/src/components/Overthought/Feedback/index.tsx
+++ b/src/components/Writing/Feedback/index.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react'
 import { Post } from '~/graphql/types.generated'
 import { Input, Textarea } from '~/components/Input'
+import Button from '~/components/Button'
+import { ErrorAlert, SuccessAlert } from '~/components/Alert'
 
 interface Props {
   post: Post
@@ -52,34 +54,12 @@ export default function Feedback({ post }: Props) {
   }
 
   return (
-    <div className="flex flex-col p-4 space-y-2 bg-gray-100 rounded-lg dark:bg-gray-900">
-      <h5 className="flex items-center">
-        <span
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            paddingRight: '16px',
-          }}
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <circle cx="12" cy="12" r="10"></circle>
-            <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
-            <line x1="12" y1="17" x2="12.01" y2="17"></line>
-          </svg>
-        </span>
-        A small favor
-      </h5>
-      <p>
+    <div
+      className="p-8 -mx-8 space-y-4 bg-gray-400 border-t border-gray-300 border-dashed dark:bg-gray-200 bg-opacity-5 dark:border-gray-800"
+      data-cy="writing-feedback-box"
+    >
+      <p className="font-semibold text-primary">A small favor</p>
+      <p className="text-tertiary">
         Was anything I wrote confusing, outdated, or incorrect? Please let me
         know! Just write a few words below and I’ll be sure to amend this post
         with your suggestions.
@@ -127,23 +107,17 @@ export default function Feedback({ post }: Props) {
           </label>
         </div>
         <div className="flex justify-end">
-          <button
-            className="btn btn-primary"
-            disabled={serverState.submitting || !message}
-            type="submit"
-          >
+          <Button disabled={serverState.submitting || !message} type="submit">
             Send feedback
-          </button>
+          </Button>
         </div>
         {serverState.submitted &&
           (serverState.error ? (
-            <p className="p-3 text-white bg-red-500 rounded">
-              {serverState.error}
-            </p>
+            <ErrorAlert>{serverState.error}</ErrorAlert>
           ) : (
-            <p className="p-3 text-center text-white bg-green-500 rounded">
+            <SuccessAlert>
               Thanks for taking the time to leave a note!
-            </p>
+            </SuccessAlert>
           ))}
       </form>
     </div>
diff --git a/src/components/Writing/List/index.tsx b/src/components/Writing/List/index.tsx
new file mode 100644
index 000000000..17efe2ecf
--- /dev/null
+++ b/src/components/Writing/List/index.tsx
@@ -0,0 +1,35 @@
+import * as React from 'react'
+import { Post } from '~/graphql/types.generated'
+import Link from 'next/link'
+
+interface Props {
+  posts: Post[]
+}
+
+export default function PostsList({ posts }: Props) {
+  if (!posts || posts.length === 0) return null
+
+  return (
+    <>
+      {posts.map((post) => {
+        const date = new Date(post.published_at).toLocaleDateString('en-us', {
+          year: 'numeric',
+          month: 'long',
+          day: 'numeric',
+        })
+
+        return (
+          <div className="space-y-1" key={post.id}>
+            <Link href="/writing/[slug]" as={`/writing/${post.slug}`} passHref>
+              <a className="inline font-medium text-primary highlight-link-hover">
+                {post.title}
+              </a>
+            </Link>
+            {post.excerpt && <p className="text-tertiary">{post.excerpt}</p>}
+            <p className="text-quaternary">{date}</p>
+          </div>
+        )
+      })}
+    </>
+  )
+}
diff --git a/src/components/Overthought/NotFound/index.tsx b/src/components/Writing/NotFound/index.tsx
similarity index 57%
rename from src/components/Overthought/NotFound/index.tsx
rename to src/components/Writing/NotFound/index.tsx
index 4bc577caa..fb98c2a9e 100644
--- a/src/components/Overthought/NotFound/index.tsx
+++ b/src/components/Writing/NotFound/index.tsx
@@ -3,11 +3,11 @@ import Link from 'next/link'
 
 export default function NotFound() {
   return (
-    <div data-cy="overthought-not-found">
+    <div data-cy="post-not-found">
       <h1>Post not Found</h1>
 
-      <Link href={'/overthought'} passHref>
-        <a>&larr; Back to Overthought</a>
+      <Link href={'/writing'} passHref>
+        <a>&larr; Back to all posts</a>
       </Link>
     </div>
   )
diff --git a/src/components/Overthought/Post/Body.tsx b/src/components/Writing/Post/Body.tsx
similarity index 100%
rename from src/components/Overthought/Post/Body.tsx
rename to src/components/Writing/Post/Body.tsx
diff --git a/src/components/Overthought/Post/SEO.tsx b/src/components/Writing/Post/SEO.tsx
similarity index 75%
rename from src/components/Overthought/Post/SEO.tsx
rename to src/components/Writing/Post/SEO.tsx
index 55b6dd7d1..b3c228355 100644
--- a/src/components/Overthought/Post/SEO.tsx
+++ b/src/components/Writing/Post/SEO.tsx
@@ -2,6 +2,7 @@ import * as React from 'react'
 import { NextSeo } from 'next-seo'
 import Head from 'next/head'
 import { Post } from '~/graphql/types.generated'
+import { baseUrl } from '~/config/seo'
 
 interface Props {
   post: Post
@@ -14,8 +15,8 @@ export default function SEO({ post }: Props) {
         <link
           rel="alternate"
           type="application/rss+xml"
-          title="RSS Feed for Overthought"
-          href="https://brianlovin.com/overthought/rss"
+          title="RSS feed"
+          href={`${baseUrl}/writing/rss`}
         />
       </Head>
 
@@ -24,17 +25,17 @@ export default function SEO({ post }: Props) {
         description={post.custom_excerpt || post.excerpt}
         openGraph={{
           title: post.title,
-          url: `https://brianlovin.com/overthought/${post.slug}`,
+          url: `${baseUrl}/writing/${post.slug}`,
           description: post.custom_excerpt || post.excerpt,
           images: [
             {
               url:
                 post.feature_image ||
-                `https://brianlovin.com/static/img/overthought/${post.slug}.png`,
+                `${baseUrl}/static/img/writing/${post.slug}.png`,
               alt: post.title,
             },
           ],
-          site_name: 'Overthought',
+          site_name: 'Writing',
         }}
         twitter={{
           cardType: 'summary_large_image',
diff --git a/src/components/Writing/Post/index.tsx b/src/components/Writing/Post/index.tsx
new file mode 100644
index 000000000..c815924fe
--- /dev/null
+++ b/src/components/Writing/Post/index.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react'
+import { Post } from '~/graphql/types.generated'
+import WritingSubscribeBox from '~/components/Writing/Subscribe'
+import SyntaxHighlighter from '~/components/SyntaxHighlighter'
+import SEO from './SEO'
+import Feedback from '../Feedback'
+import { CenteredColumn } from '~/components/Layouts'
+import Link from 'next/link'
+
+interface Props {
+  post: Post
+}
+
+export default function PostView({ post }: Props) {
+  const date = new Date(post.published_at).toLocaleDateString('en-us', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+  })
+
+  return (
+    <React.Fragment>
+      <SyntaxHighlighter data={post} />
+      <SEO post={post} />
+
+      <CenteredColumn>
+        <div data-cy="post" className="space-y-8 ">
+          <Link href="/writing" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Writing
+            </a>
+          </Link>
+          <div className="space-y-4">
+            <h1 className="font-sans text-2xl font-extrabold md:text-4xl text-primary">
+              {post.title}
+            </h1>
+            <span className="inline-block text-lg leading-snug text-tertiary">
+              {date}
+            </span>
+          </div>
+        </div>
+
+        <div
+          className="mt-8 prose lg:prose-lg"
+          dangerouslySetInnerHTML={{ __html: post.html }}
+        />
+
+        <div className="mt-16 ">
+          <Feedback post={post} />
+          <WritingSubscribeBox />
+        </div>
+      </CenteredColumn>
+    </React.Fragment>
+  )
+}
diff --git a/src/components/Writing/Subscribe/index.tsx b/src/components/Writing/Subscribe/index.tsx
new file mode 100644
index 000000000..86fefb6df
--- /dev/null
+++ b/src/components/Writing/Subscribe/index.tsx
@@ -0,0 +1,89 @@
+import * as React from 'react'
+import { ErrorAlert, SuccessAlert } from '~/components/Alert'
+import Button from '~/components/Button'
+import { Input } from '~/components/Input'
+
+export default function WritingSubscribeBox() {
+  const [email, setEmail] = React.useState('')
+  const [status, setStatus] = React.useState('pending')
+  const [errorMessage, setErrorMessage] = React.useState('')
+
+  function onChange(e) {
+    if (status !== 'pending') setStatus('pending')
+    return setEmail(e.target.value.trim())
+  }
+
+  async function submit(e) {
+    e.preventDefault()
+
+    const res = await fetch('/api/newsletter', {
+      body: JSON.stringify({ email }),
+      headers: { 'Content-Type': 'application/json' },
+      method: 'POST',
+    })
+
+    const { error } = await res.json()
+
+    if (error) {
+      setStatus('error')
+      setErrorMessage(error)
+      return
+    }
+
+    setEmail('')
+    setStatus('succeeded')
+  }
+
+  return (
+    <div
+      className="p-8 -mx-8 space-y-4 bg-gray-400 border-t border-b border-gray-300 border-dashed dark:bg-gray-200 bg-opacity-5 dark:border-gray-800"
+      data-cy="writing-subscribe-box"
+    >
+      <div className="space-y-2 ">
+        <p className="flex items-center font-semibold text-primary">
+          The email newsletter
+        </p>
+        <p className="text-tertiary">
+          Get updates about new posts, new projects, or other meaningful updates
+          to this site delivered to your inbox. Alternatively, you can{' '}
+          <a
+            href="https://twitter.com/brian_lovin/"
+            className="font-normal rounded-sm px-0.5 -mx-0.5 bg-blue-500 text-primary bg-opacity-20 hover:bg-opacity-30 dark:hover:bg-opacity-100"
+          >
+            follow me on Twitter
+          </a>
+          .
+        </p>
+      </div>
+      {status === 'succeeded' ? (
+        <SuccessAlert>Thanks for subscribing!</SuccessAlert>
+      ) : (
+        <form
+          onSubmit={submit}
+          className="grid grid-cols-1 gap-2 mt-2 md:grid-cols-3"
+        >
+          <label className="md:col-span-2">
+            <span className="sr-only">Email address</span>
+            <Input
+              value={email}
+              disabled={status === 'loading'}
+              onChange={onChange}
+              placeholder="Email address"
+              type="email"
+              name="email"
+            />
+          </label>
+          <Button
+            onClick={submit}
+            disabled={status === 'submitting' || !email}
+            type="submit"
+            className="w-full"
+          >
+            Subscribe
+          </Button>
+        </form>
+      )}
+      {status === 'error' && <ErrorAlert>{errorMessage}</ErrorAlert>}
+    </div>
+  )
+}
diff --git a/src/config/routes.ts b/src/config/routes.ts
new file mode 100644
index 000000000..08ba00299
--- /dev/null
+++ b/src/config/routes.ts
@@ -0,0 +1,107 @@
+import { extendSEO, defaultSEO } from './seo'
+
+const routes = {
+  home: {
+    label: 'Home',
+    path: '/',
+    seo: defaultSEO,
+  },
+  about: {
+    label: 'About',
+    path: '/about',
+    seo: extendSEO({
+      title: 'About',
+      url: 'about',
+    }),
+  },
+  projects: {
+    label: 'Projects',
+    path: '/projects',
+    seo: extendSEO({
+      title: 'Projects',
+      description: 'What I’m working on.',
+      url: 'projects',
+    }),
+  },
+  writing: {
+    label: 'Writing',
+    path: '/writing',
+    seo: extendSEO({
+      title: 'Writing',
+      description: 'Thinking out loud about software design and development.',
+      image: 'meta/overthought.png',
+      url: 'writing',
+    }),
+  },
+  hn: {
+    label: 'Hacker News',
+    path: '/hn',
+    seo: extendSEO({
+      title: 'Hacker News',
+      description: 'My personal Hacker News reader.',
+      image: 'meta/hn.png',
+      url: 'hn',
+    }),
+  },
+  bookmarks: {
+    label: 'Bookmarks',
+    path: '/bookmarks',
+    seo: extendSEO({
+      title: 'Bookmarks',
+      description: 'Internet things, saved for later.',
+      image: 'meta/bookmarks.png',
+      url: 'bookmarks',
+    }),
+  },
+  appDissection: {
+    label: 'App Dissection',
+    path: '/app-dissection',
+    seo: extendSEO({
+      title: 'App Dissection',
+      description: 'In-depth design explorations.',
+      image: 'meta/app-dissection.png',
+      url: 'app-dissection',
+    }),
+  },
+  ama: {
+    label: 'Ask Me Anything',
+    path: '/ama',
+    seo: extendSEO({
+      title: 'Ask Me Anything',
+      description: 'Answering questions, just for fun.',
+      image: 'meta/ama.png',
+      url: 'ama',
+    }),
+  },
+  login: {
+    label: 'Login',
+    path: '/login',
+    seo: extendSEO({
+      title: 'Login',
+      description: 'What do you think you’re doing?',
+      url: 'login',
+    }),
+  },
+  security: {
+    label: 'Security Checklist',
+    path: '/security',
+    seo: extendSEO({
+      title: 'Security Checklist',
+      description: 'Tools and resources for staying safe on the internet.',
+      image: 'meta/security.png',
+      url: 'security',
+    }),
+  },
+  stack: {
+    label: 'Stack',
+    path: '/stack',
+    seo: extendSEO({
+      title: 'Stack',
+      description: 'My favorite tools and software.',
+      image: 'meta/stack.png',
+      url: 'stack',
+    }),
+  },
+}
+
+export default routes
diff --git a/src/config/seo.ts b/src/config/seo.ts
new file mode 100644
index 000000000..b0093bf13
--- /dev/null
+++ b/src/config/seo.ts
@@ -0,0 +1,49 @@
+export const baseUrl = 'https://brianlovin.com'
+export const baseEmail = 'hi@brianlovin.com'
+
+export const defaultSEO = {
+  title: 'Brian Lovin',
+  description:
+    'Product designer, podcaster, and writer, living in San Francisco. Currently building native mobile apps at GitHub.',
+  openGraph: {
+    type: 'website',
+    locale: 'en_US',
+    url: baseUrl,
+    site_name: 'Brian Lovin',
+    images: [
+      {
+        url: `${baseUrl}/static/meta/og-image.png`,
+        alt: 'Brian Lovin',
+      },
+    ],
+  },
+  twitter: {
+    handle: '@brian_lovin',
+    site: '@brian_lovin',
+    cardType: 'summary_large_image',
+  },
+}
+
+interface SEOProps {
+  title?: string
+  description?: string
+  image?: string
+  url?: string
+}
+
+export function extendSEO(options: SEOProps) {
+  const images = options.image
+    ? [{ url: `${baseUrl}/static/${options.image}` }]
+    : defaultSEO.openGraph.images
+
+  return {
+    ...defaultSEO,
+    ...options,
+    url: `${baseUrl}/${options.url}`,
+    openGraph: {
+      ...defaultSEO.openGraph,
+      images,
+      url: `${baseUrl}/${options.url}`,
+    },
+  }
+}
diff --git a/src/data/appDissections/carousel/index.ts b/src/data/appDissections/carousel/index.ts
index 076a8a659..cf2363b4e 100644
--- a/src/data/appDissections/carousel/index.ts
+++ b/src/data/appDissections/carousel/index.ts
@@ -5,7 +5,7 @@ export default {
   slug: 'carousel-ios',
   createdAt: '2016-03-01T03:52:32.356Z',
   description:
-    'I spent a long time trying to think of what app to cover for the next [Design Details](http://blog.brianlovin.com/design-details) post. As of this writing, I’m approaching 400 installed apps on my phone – the search is getting harder.\r\n\r\nCarousel is one of those odd apps that slipped onto my phone when it first launched but I hadn’t returned to it for several months. Oddly enough, I had started to record a Design Details post when it first came out so I’m able to juxtapose a few design decisions that were made which have since been iterated upon and improved.\r\n\r\nIf you’re a Dropbox user, Carousel makes a lot of sense. It’s a wonderfully-focused photo storage and management app. Their iOS offering is beautifully constructed and has some wonderfully-refreshing onboarding design decisions. The Carousel web app is something you shouldn’t miss either – it’s a strong compliment to the mobile app and offers the Dropbox experience we’ve all grown to love right in the browser.\r\n\r\nCarousel, like all other Dropbox products, is fortunate to receive the art and branding love that can only come from designers as talented as Alice Lee and Ryan Putnam. The colors, lines and emotions conveyed in Carousel are warm and inviting – a safe place for your photos.\r\n\r\nAs we navigate through some of Carousel’s design details, it’s worth noting how crucial of a role animation and illustration play in creating a truly delightful experience.',
+    'I spent a long time trying to think of what app to cover for the next [Design Details](https://brianlovin.com/design-details) post. As of this writing, I’m approaching 400 installed apps on my phone – the search is getting harder.\r\n\r\nCarousel is one of those odd apps that slipped onto my phone when it first launched but I hadn’t returned to it for several months. Oddly enough, I had started to record a Design Details post when it first came out so I’m able to juxtapose a few design decisions that were made which have since been iterated upon and improved.\r\n\r\nIf you’re a Dropbox user, Carousel makes a lot of sense. It’s a wonderfully-focused photo storage and management app. Their iOS offering is beautifully constructed and has some wonderfully-refreshing onboarding design decisions. The Carousel web app is something you shouldn’t miss either – it’s a strong compliment to the mobile app and offers the Dropbox experience we’ve all grown to love right in the browser.\r\n\r\nCarousel, like all other Dropbox products, is fortunate to receive the art and branding love that can only come from designers as talented as Alice Lee and Ryan Putnam. The colors, lines and emotions conveyed in Carousel are warm and inviting – a safe place for your photos.\r\n\r\nAs we navigate through some of Carousel’s design details, it’s worth noting how crucial of a role animation and illustration play in creating a truly delightful experience.',
   details,
   tint: '#364451',
 }
diff --git a/src/data/appDissections/inbox/details.ts b/src/data/appDissections/inbox/details.ts
index d8b9f8c83..c1508dd55 100644
--- a/src/data/appDissections/inbox/details.ts
+++ b/src/data/appDissections/inbox/details.ts
@@ -65,7 +65,7 @@ export default [
   },
   {
     description:
-      'When a feature like Reminders has this level of prominence in a Google app, it’s best to pay attention. In the core [Google Search](http://blog.brianlovin.com/design-details-google-search-for-ios/) app, Reminders are tucked away in the interface – out of sight, out of mind.\r\n\r\nThere’s no doubt with Inbox, however, that Reminders play a larger part of Google’s vision for the future. Why? I’m not totally sure yet. Mixing reminders with snoozed emails with pinned emails – the meaning of these terms is starting to become a bit convoluted.',
+      'When a feature like Reminders has this level of prominence in a Google app, it’s best to pay attention. In the core [Google Search](https://brianlovin.com/design-details-google-search-for-ios/) app, Reminders are tucked away in the interface – out of sight, out of mind.\r\n\r\nThere’s no doubt with Inbox, however, that Reminders play a larger part of Google’s vision for the future. Why? I’m not totally sure yet. Mixing reminders with snoozed emails with pinned emails – the meaning of these terms is starting to become a bit convoluted.',
     title: 'Reminders',
     media: [
       'https://player.vimeo.com/external/157936430.hd.mp4?s=4134dccccfa542bc54a061029a5fe7e6bbc2b792&profile_id=167',
diff --git a/src/graphql/constants/index.ts b/src/graphql/constants/index.ts
index 7b55a6378..433406d27 100644
--- a/src/graphql/constants/index.ts
+++ b/src/graphql/constants/index.ts
@@ -1,6 +1,6 @@
+import { baseUrl } from '~/config/seo'
+
 export const CLIENT_URL =
-  process.env.NODE_ENV === 'production'
-    ? 'https://brianlovin.com'
-    : 'http://localhost:3000'
+  process.env.NODE_ENV === 'production' ? baseUrl : 'http://localhost:3000'
 
 export const PAGINATION_AMOUNT = 16
diff --git a/src/graphql/fragments/post.ts b/src/graphql/fragments/post.ts
index fc84e609c..2a3383e0d 100644
--- a/src/graphql/fragments/post.ts
+++ b/src/graphql/fragments/post.ts
@@ -6,6 +6,7 @@ export const PostInfoFragment = gql`
     title
     slug
     updated_at
+    published_at
     excerpt
     feature_image
     html
diff --git a/src/graphql/resolvers/mutations/ama/index.ts b/src/graphql/resolvers/mutations/ama/index.ts
index 519237c87..854504cf4 100644
--- a/src/graphql/resolvers/mutations/ama/index.ts
+++ b/src/graphql/resolvers/mutations/ama/index.ts
@@ -1,3 +1,4 @@
+import { baseUrl } from '~/config/seo'
 import db from '~/graphql/services/firebase'
 import { emailMe } from '~/graphql/services/postmark'
 
@@ -16,7 +17,7 @@ export async function editAMAQuestion(_, { id, question, answer, status }) {
 export async function addAMAQuestion(_, { question }) {
   emailMe({
     subject: `AMA: ${question}`,
-    body: `${question}\n\nhttps://brianlovin.com/ama`,
+    body: `${question}\n\n${baseUrl}/ama`,
   })
 
   return await db
diff --git a/src/graphql/resolvers/queries/index.ts b/src/graphql/resolvers/queries/index.ts
index 0d67935b3..f5b417d99 100644
--- a/src/graphql/resolvers/queries/index.ts
+++ b/src/graphql/resolvers/queries/index.ts
@@ -1,5 +1,5 @@
 import { getBookmarks } from '~/graphql/resolvers/queries/bookmarks'
-import { getPosts, getPost } from '~/graphql/resolvers/queries/overthought'
+import { getPosts, getPost } from '~/graphql/resolvers/queries/writing'
 import { getEpisodes } from '~/graphql/resolvers/queries/podcast'
 import { getRepos } from '~/graphql/resolvers/queries/repos'
 import { isMe } from '~/graphql/resolvers/queries/isMe'
diff --git a/src/graphql/resolvers/queries/overthought/index.ts b/src/graphql/resolvers/queries/writing/index.ts
similarity index 81%
rename from src/graphql/resolvers/queries/overthought/index.ts
rename to src/graphql/resolvers/queries/writing/index.ts
index a8309af74..ca0fa3f24 100644
--- a/src/graphql/resolvers/queries/overthought/index.ts
+++ b/src/graphql/resolvers/queries/writing/index.ts
@@ -2,7 +2,7 @@ import { ghost } from '~/graphql/services/ghost'
 
 export async function getPosts(_, { first = 'all' }) {
   return await ghost.posts
-    .browse({ limit: first, order: 'updated_at DESC' })
+    .browse({ limit: first, order: 'published_at DESC' })
     .catch(() => [])
 }
 
diff --git a/src/graphql/services/hn.ts b/src/graphql/services/hn.ts
index f4a8ba597..dcaa2eec3 100644
--- a/src/graphql/services/hn.ts
+++ b/src/graphql/services/hn.ts
@@ -1,4 +1,5 @@
 import fetch from 'isomorphic-unfetch'
+import { baseUrl } from '~/config/seo'
 
 const TOP_BASE_URL = 'https://hacker-news.firebaseio.com/v0'
 const ITEM_BASE_URL = 'https://api.hnpwa.com/v0'
@@ -32,9 +33,7 @@ export async function getPostById(id, includeComments = false) {
     .map(trimComments)
     .filter(Boolean)
 
-  const cleanUrl = data.domain
-    ? `${data.url}?ref=brianlovin.com`
-    : `https://brianlovin.com/hn/${data.id}`
+  const cleanUrl = data.domain ? `${data.url}` : `${baseUrl}/hn/${data.id}`
 
   const post = Object.assign(data, {
     ...data,
diff --git a/src/graphql/services/postmark.ts b/src/graphql/services/postmark.ts
index 2bd528a42..b59dffab2 100644
--- a/src/graphql/services/postmark.ts
+++ b/src/graphql/services/postmark.ts
@@ -1,4 +1,5 @@
 import * as postmark from 'postmark'
+import { baseEmail } from '~/config/seo'
 import { HNPost } from '~/pages/hn'
 
 export const client = new postmark.ServerClient(process.env.POSTMARK_CLIENT_ID)
@@ -17,8 +18,8 @@ interface EmailMeProps {
 
 export function emailMe({ subject, body }: EmailMeProps) {
   return client.sendEmail({
-    From: 'hi@brianlovin.com',
-    To: 'hi@brianlovin.com',
+    From: baseEmail,
+    To: baseEmail,
     Subject: subject,
     TextBody: body,
   })
diff --git a/src/graphql/types.generated.ts b/src/graphql/types.generated.ts
index 53a9d9a4b..61d3f6acd 100644
--- a/src/graphql/types.generated.ts
+++ b/src/graphql/types.generated.ts
@@ -12,6 +12,7 @@ export type MakeOptional<T, K extends keyof T> = Omit<T, K> &
   { [SubKey in K]?: Maybe<T[SubKey]> }
 export type MakeMaybe<T, K extends keyof T> = Omit<T, K> &
   { [SubKey in K]: Maybe<T[SubKey]> }
+const defaultOptions = {}
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
   ID: string
@@ -235,6 +236,7 @@ export type PostInfoFragment = {
   title?: Maybe<string>
   slug?: Maybe<string>
   updated_at?: Maybe<string>
+  published_at?: Maybe<string>
   excerpt?: Maybe<string>
   feature_image?: Maybe<string>
   html?: Maybe<string>
@@ -443,6 +445,7 @@ export const PostInfoFragmentDoc = gql`
     title
     slug
     updated_at
+    published_at
     excerpt
     feature_image
     html
@@ -505,10 +508,11 @@ export function useEditAmaQuestionMutation(
     EditAmaQuestionMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     EditAmaQuestionMutation,
     EditAmaQuestionMutationVariables
-  >(EditAmaQuestionDocument, baseOptions)
+  >(EditAmaQuestionDocument, options)
 }
 export type EditAmaQuestionMutationHookResult = ReturnType<
   typeof useEditAmaQuestionMutation
@@ -551,10 +555,11 @@ export function useDeleteAmaQuestionMutation(
     DeleteAmaQuestionMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     DeleteAmaQuestionMutation,
     DeleteAmaQuestionMutationVariables
-  >(DeleteAmaQuestionDocument, baseOptions)
+  >(DeleteAmaQuestionDocument, options)
 }
 export type DeleteAmaQuestionMutationHookResult = ReturnType<
   typeof useDeleteAmaQuestionMutation
@@ -597,10 +602,11 @@ export function useAddAmaQuestionMutation(
     AddAmaQuestionMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     AddAmaQuestionMutation,
     AddAmaQuestionMutationVariables
-  >(AddAmaQuestionDocument, baseOptions)
+  >(AddAmaQuestionDocument, options)
 }
 export type AddAmaQuestionMutationHookResult = ReturnType<
   typeof useAddAmaQuestionMutation
@@ -646,10 +652,11 @@ export function useAddAmaReactionMutation(
     AddAmaReactionMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     AddAmaReactionMutation,
     AddAmaReactionMutationVariables
-  >(AddAmaReactionDocument, baseOptions)
+  >(AddAmaReactionDocument, options)
 }
 export type AddAmaReactionMutationHookResult = ReturnType<
   typeof useAddAmaReactionMutation
@@ -692,9 +699,10 @@ export function useLoginMutation(
     LoginMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<LoginMutation, LoginMutationVariables>(
     LoginDocument,
-    baseOptions
+    options
   )
 }
 export type LoginMutationHookResult = ReturnType<typeof useLoginMutation>
@@ -735,9 +743,10 @@ export function useLogoutMutation(
     LogoutMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<LogoutMutation, LogoutMutationVariables>(
     LogoutDocument,
-    baseOptions
+    options
   )
 }
 export type LogoutMutationHookResult = ReturnType<typeof useLogoutMutation>
@@ -798,10 +807,11 @@ export function useEditBookmarkMutation(
     EditBookmarkMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     EditBookmarkMutation,
     EditBookmarkMutationVariables
-  >(EditBookmarkDocument, baseOptions)
+  >(EditBookmarkDocument, options)
 }
 export type EditBookmarkMutationHookResult = ReturnType<
   typeof useEditBookmarkMutation
@@ -844,10 +854,11 @@ export function useDeleteBookmarkMutation(
     DeleteBookmarkMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     DeleteBookmarkMutation,
     DeleteBookmarkMutationVariables
-  >(DeleteBookmarkDocument, baseOptions)
+  >(DeleteBookmarkDocument, options)
 }
 export type DeleteBookmarkMutationHookResult = ReturnType<
   typeof useDeleteBookmarkMutation
@@ -906,9 +917,10 @@ export function useAddBookmarkMutation(
     AddBookmarkMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<AddBookmarkMutation, AddBookmarkMutationVariables>(
     AddBookmarkDocument,
-    baseOptions
+    options
   )
 }
 export type AddBookmarkMutationHookResult = ReturnType<
@@ -955,10 +967,11 @@ export function useAddBookmarkReactionMutation(
     AddBookmarkReactionMutationVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useMutation<
     AddBookmarkReactionMutation,
     AddBookmarkReactionMutationVariables
-  >(AddBookmarkReactionDocument, baseOptions)
+  >(AddBookmarkReactionDocument, options)
 }
 export type AddBookmarkReactionMutationHookResult = ReturnType<
   typeof useAddBookmarkReactionMutation
@@ -1000,9 +1013,10 @@ export function useGetAmaQuestionsQuery(
     GetAmaQuestionsQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetAmaQuestionsQuery, GetAmaQuestionsQueryVariables>(
     GetAmaQuestionsDocument,
-    baseOptions
+    options
   )
 }
 export function useGetAmaQuestionsLazyQuery(
@@ -1011,10 +1025,11 @@ export function useGetAmaQuestionsLazyQuery(
     GetAmaQuestionsQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<
     GetAmaQuestionsQuery,
     GetAmaQuestionsQueryVariables
-  >(GetAmaQuestionsDocument, baseOptions)
+  >(GetAmaQuestionsDocument, options)
 }
 export type GetAmaQuestionsQueryHookResult = ReturnType<
   typeof useGetAmaQuestionsQuery
@@ -1058,9 +1073,10 @@ export function useGetBookmarksQuery(
     GetBookmarksQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetBookmarksQuery, GetBookmarksQueryVariables>(
     GetBookmarksDocument,
-    baseOptions
+    options
   )
 }
 export function useGetBookmarksLazyQuery(
@@ -1069,9 +1085,10 @@ export function useGetBookmarksLazyQuery(
     GetBookmarksQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<GetBookmarksQuery, GetBookmarksQueryVariables>(
     GetBookmarksDocument,
-    baseOptions
+    options
   )
 }
 export type GetBookmarksQueryHookResult = ReturnType<
@@ -1114,9 +1131,10 @@ export function useGetEpisodesQuery(
     GetEpisodesQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetEpisodesQuery, GetEpisodesQueryVariables>(
     GetEpisodesDocument,
-    baseOptions
+    options
   )
 }
 export function useGetEpisodesLazyQuery(
@@ -1125,9 +1143,10 @@ export function useGetEpisodesLazyQuery(
     GetEpisodesQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<GetEpisodesQuery, GetEpisodesQueryVariables>(
     GetEpisodesDocument,
-    baseOptions
+    options
   )
 }
 export type GetEpisodesQueryHookResult = ReturnType<typeof useGetEpisodesQuery>
@@ -1169,17 +1188,19 @@ export const GetHomeDocument = gql`
 export function useGetHomeQuery(
   baseOptions?: Apollo.QueryHookOptions<GetHomeQuery, GetHomeQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetHomeQuery, GetHomeQueryVariables>(
     GetHomeDocument,
-    baseOptions
+    options
   )
 }
 export function useGetHomeLazyQuery(
   baseOptions?: Apollo.LazyQueryHookOptions<GetHomeQuery, GetHomeQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<GetHomeQuery, GetHomeQueryVariables>(
     GetHomeDocument,
-    baseOptions
+    options
   )
 }
 export type GetHomeQueryHookResult = ReturnType<typeof useGetHomeQuery>
@@ -1212,17 +1233,16 @@ export const IsMeDocument = gql`
 export function useIsMeQuery(
   baseOptions?: Apollo.QueryHookOptions<IsMeQuery, IsMeQueryVariables>
 ) {
-  return Apollo.useQuery<IsMeQuery, IsMeQueryVariables>(
-    IsMeDocument,
-    baseOptions
-  )
+  const options = { ...defaultOptions, ...baseOptions }
+  return Apollo.useQuery<IsMeQuery, IsMeQueryVariables>(IsMeDocument, options)
 }
 export function useIsMeLazyQuery(
   baseOptions?: Apollo.LazyQueryHookOptions<IsMeQuery, IsMeQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<IsMeQuery, IsMeQueryVariables>(
     IsMeDocument,
-    baseOptions
+    options
   )
 }
 export type IsMeQueryHookResult = ReturnType<typeof useIsMeQuery>
@@ -1255,9 +1275,10 @@ export const GetPostsDocument = gql`
 export function useGetPostsQuery(
   baseOptions?: Apollo.QueryHookOptions<GetPostsQuery, GetPostsQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetPostsQuery, GetPostsQueryVariables>(
     GetPostsDocument,
-    baseOptions
+    options
   )
 }
 export function useGetPostsLazyQuery(
@@ -1266,9 +1287,10 @@ export function useGetPostsLazyQuery(
     GetPostsQueryVariables
   >
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<GetPostsQuery, GetPostsQueryVariables>(
     GetPostsDocument,
-    baseOptions
+    options
   )
 }
 export type GetPostsQueryHookResult = ReturnType<typeof useGetPostsQuery>
@@ -1308,17 +1330,19 @@ export const GetPostDocument = gql`
 export function useGetPostQuery(
   baseOptions: Apollo.QueryHookOptions<GetPostQuery, GetPostQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useQuery<GetPostQuery, GetPostQueryVariables>(
     GetPostDocument,
-    baseOptions
+    options
   )
 }
 export function useGetPostLazyQuery(
   baseOptions?: Apollo.LazyQueryHookOptions<GetPostQuery, GetPostQueryVariables>
 ) {
+  const options = { ...defaultOptions, ...baseOptions }
   return Apollo.useLazyQuery<GetPostQuery, GetPostQueryVariables>(
     GetPostDocument,
-    baseOptions
+    options
   )
 }
 export type GetPostQueryHookResult = ReturnType<typeof useGetPostQuery>
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index bb483de53..1dd6c4029 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,6 +1,29 @@
 import * as React from 'react'
-import Home from './index'
+import Page, { PageHeader } from '~/components/Page'
+import { CenteredColumn } from '~/components/Layouts'
+import Link from 'next/link'
+import Button from '~/components/Button'
 
-export default function Error() {
-  return <Home />
+function MissingPage() {
+  return (
+    <Page>
+      <CenteredColumn>
+        <div className="space-y-8">
+          <PageHeader
+            title="404"
+            subtitle="This page doesn’t exist. Try heading back home to start from the beginning."
+          />
+          <div>
+            <Link href="/" passHref>
+              <a>
+                <Button>Return home</Button>
+              </a>
+            </Link>
+          </div>
+        </div>
+      </CenteredColumn>
+    </Page>
+  )
 }
+
+export default MissingPage
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 06521fb10..0b7a749d2 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -4,6 +4,8 @@ import Providers from '~/components/Providers'
 import '~/styles/tailwind.css'
 import 'tailwindcss/utilities.css'
 import '~/styles/custom-styles.css'
+import '~/styles/syntax-highlighting.css'
+import '~/styles/prose-styles.css'
 
 class MyApp extends App {
   static async getInitialProps({ Component, ctx }) {
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 145ee46b4..8f1fb1a37 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -31,7 +31,10 @@ export default class MyDocument extends Document {
 
   render() {
     return (
-      <Html lang="en">
+      <Html
+        lang="en"
+        className="text-base antialiased bg-gray-300 bg-opacity-5 dark:bg-gray-1000 dark:bg-opacity-100"
+      >
         <Head></Head>
 
         <body>
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index c3214c17b..365f2cd07 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -1,32 +1,22 @@
 import * as React from 'react'
 import Image from 'next/image'
-import Link from 'next/link'
 import Page from '~/components/Page'
 import { CenteredColumn } from '~/components/Layouts'
-import OverthoughtList from '~/components/Overthought/List'
-import DesignDetailsGrid from '~/components/DesignDetailsGrid'
-import PodcastEpisodesList from '~/components/PodcastEpisodesList'
-import FigmaPlugins from '~/components/FigmaPlugins'
-import { initApolloClient } from '~/graphql/services/apollo'
-import { GET_HOME } from '~/graphql/queries'
-import { Post, Episode, Repo } from '~/graphql/types.generated'
-import { DesignDetailsPostSummary, summaries } from '~/data/appDissections'
-import Divider from '~/components/Divider'
+import { NextSeo } from 'next-seo'
+import routes from '~/config/routes'
+import WritingSubscribeBox from '~/components/Writing/Subscribe'
 
-interface Props {
-  data: {
-    posts: Post[]
-    episodes?: Episode[]
-    repos?: Repo[]
-  }
-  summaries: DesignDetailsPostSummary[]
-}
-
-function About({ data, summaries }: Props) {
+function About() {
   return (
     <Page>
+      <NextSeo
+        title={routes.about.seo.title}
+        description={routes.about.seo.description}
+        openGraph={routes.about.seo.openGraph}
+      />
+
       <CenteredColumn>
-        <div className="flex flex-col space-y-12" data-cy="about-page">
+        <div className="space-y-12 " data-cy="about-page">
           <div className="-mx-4 -mt-24 md:mt-0 md:-mx-8 ">
             <Image
               src="/static/img/about.jpg"
@@ -37,451 +27,161 @@ function About({ data, summaries }: Props) {
               className="md:rounded-lg"
             />
           </div>
-          <div className="flex flex-col space-y-12">
-            <div className="flex flex-col leading-relaxed prose lg:prose-lg">
-              <p>
-                👋 I’m a product designer, podcaster, and writer, currently
-                living in San Francisco.
-              </p>
+          <div className="space-y-12 ">
+            <div className="leading-relaxed prose ">
+              <p>I’m a product designer currently living in San Francisco.</p>
               <p>
                 Right now I’m designing{' '}
-                <a
-                  href="https://github.com/mobile"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  native mobile apps
-                </a>{' '}
-                at{' '}
-                <a
-                  href="https://github.com/brianlovin"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  GitHub
-                </a>
-                . Before GitHub, I co-founded{' '}
-                <a
-                  href="https://spectrum.chat"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Spectrum
-                </a>
-                , a platform for large-scale communities to have better public
-                conversations. Spectrum was acquired by GitHub in November,
-                2018.
+                <a href="https://github.com/mobile">native mobile apps</a> at{' '}
+                <a href="https://github.com/brianlovin">GitHub</a>. Before
+                GitHub, I co-founded{' '}
+                <a href="https://spectrum.chat">Spectrum</a>, a platform for
+                large-scale communities to have better public conversations.
+                Spectrum was acquired by GitHub in November, 2018.
               </p>
               <p>
                 Before Spectrum I designed payments experiences at Facebook,
                 working across Facebook, Messenger, WhatsApp, and Instagram. I
                 originally cut my teeth as the first product designer at{' '}
-                <a
-                  href="https://buffer.com"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Buffer
-                </a>
-                .
+                <a href="https://buffer.com">Buffer</a>.
               </p>
               <p>
                 I also co-host the{' '}
-                <a
-                  href="https://designdetails.fm"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Design Details Podcast
-                </a>
-                , a weekly conversation about design process and culture. Design
-                Details is part of{' '}
-                <a
-                  href="https://spec.fm"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Spec.fm
-                </a>
-                , a podcast network for designers and developers, which I
-                co-founded in 2015.
+                <a href="https://designdetails.fm">Design Details Podcast</a>, a
+                weekly conversation about design process and culture. Design
+                Details is part of <a href="https://spec.fm">Spec.fm</a>, a
+                podcast network for designers and developers, which I co-founded
+                in 2015.
               </p>
               <p>
                 You can find me on{' '}
-                <a
-                  href="https://twitter.com/brian_lovin"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Twitter
-                </a>{' '}
-                where I talk about design and development, or on{' '}
-                <a
-                  href="https://github.com/brianlovin"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  GitHub
-                </a>{' '}
-                where I’m building in the open, or on{' '}
-                <a
-                  href="https://figma.com/@brian"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Figma
-                </a>{' '}
-                where I’m exploring how plugins can automate the tedious parts
-                of interface design.
+                <a href="https://twitter.com/brian_lovin">Twitter</a> where I
+                talk about design and development, or on{' '}
+                <a href="https://github.com/brianlovin">GitHub</a> where I’m
+                building in the open, or on{' '}
+                <a href="https://figma.com/@brian">Figma</a> where I’m exploring
+                how plugins can automate the tedious parts of interface design.
               </p>
               <p>
-                <em>
-                  Photo by{' '}
-                  <a
-                    href="https://twitter.com/rxnjmmt"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    @rxnjmmt
-                  </a>
-                </em>
+                Photo by <a href="https://twitter.com/rxnjmmt">@rxnjmmt</a>
               </p>
             </div>
+          </div>
 
-            <Divider />
-
-            <div className="flex flex-col space-y-4">
-              <div className="flex flex-col space-y-1">
-                <h4>Writing</h4>
-
-                <p className="text-lg">
-                  Thinking out loud about design, development, and building
-                  software.
-                </p>
-              </div>
-
-              {data && data.posts && <OverthoughtList posts={data.posts} />}
-
-              <div className="flex flex-col space-y-1">
-                <Link href="/overthought" as="/overthought" passHref>
-                  <a className="text-blue-600 dark:text-blue-500">
-                    See all posts &rarr;
-                  </a>
-                </Link>
+          <WritingSubscribeBox />
 
+          <div className="space-y-6">
+            <h4 className="font-list-heading">Speaking and interviews</h4>
+            <div className="space-y-6">
+              <div className="space-y-1">
                 <a
-                  href="https://overthought.ghost.io/rss/"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-600 dark:text-blue-500"
+                  className="font-medium highlight-link-hover"
+                  href="https://layout.fm/episodes/194/"
                 >
-                  Subscribe via RSS &rarr;
+                  Layout.fm: It Ran Into the Wall of Reality
                 </a>
-              </div>
-            </div>
-
-            <div className="flex flex-col space-y-4">
-              <div className="flex flex-col space-y-1">
-                <h4>Projects</h4>
-                <p className="text-lg">Weekend hacks for fun and learning.</p>
-              </div>
 
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/design-details">
-                  <a className="text-blue-600 dark:text-blue-500">
-                    App Dissection
-                  </a>
-                </Link>
-                <p>
-                  In-depth explorations of visual and interaction design in
-                  well-known apps.
+                <p className="text-tertiary">
+                  I spoke with Kevin and Rafa about the Staff Design project,
+                  career ladders, imposter syndrome, and Paul Rudd.
                 </p>
               </div>
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/bookmarks">
-                  <a className="text-blue-600 dark:text-blue-500">Bookmarks</a>
-                </Link>
-                <p>Internet things, saved for later.</p>
-              </div>
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/ama">
-                  <a className="text-blue-600 dark:text-blue-500">AMA</a>
-                </Link>
-                <p>Ask me anything.</p>
-              </div>
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/hn">
-                  <a className="text-blue-600 dark:text-blue-500">
-                    Hacker News
-                  </a>
-                </Link>
-                <p>A better Hacker News.</p>
-              </div>
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/security">
-                  <a className="text-blue-600 dark:text-blue-500">
-                    Security Checklist
-                  </a>
-                </Link>
-                <p>Tools and resources for staying safe on the internet.</p>
-              </div>
-              <div className="flex flex-col space-y-1">
-                <Link passHref href="/stack">
-                  <a className="text-blue-600 dark:text-blue-500">My Stack</a>
-                </Link>
-                <p>A curated list of my favorite tools and software.</p>
-              </div>
-              <div className="flex flex-col space-y-1">
+              <div className="space-y-1">
                 <a
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-600 dark:text-blue-500"
-                  href="https://gumroad.com/l/waves-premium-phone-wallpapers"
+                  className="font-medium highlight-link-hover"
+                  href="https://www.swiftbysundell.com/podcast/67/"
                 >
-                  Waves Phone Wallpapers
+                  Building for open source
                 </a>
-                <p>
-                  A custom-made set of 10 phone wallpapers, each with a unique
-                  color palette and design.
-                </p>
-              </div>
-              <div />
-            </div>
 
-            <div className="flex flex-col space-y-4">
-              <div className="flex flex-col space-y-1">
-                <h4>Design Details Podcast</h4>
-                <p className="text-lg">
-                  A weekly conversation about design process and culture.
+                <p className="text-tertiary">
+                  Ryan Nystrom and I talk about designing and building the
+                  mobile apps at GitHub.
                 </p>
               </div>
-              {data && data.episodes && (
-                <PodcastEpisodesList episodes={data.episodes} />
-              )}
-              <a
-                href="https://designdetails.fm/episodes"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-600 dark:text-blue-500"
-              >
-                See all episodes &rarr;
-              </a>
-            </div>
 
-            <div className="flex flex-col space-y-4">
-              <div className="flex flex-col space-y-1">
-                <h4>Figma plugins</h4>
-                <p className="text-lg">
-                  Making the design process less tedious.
+              <div className="space-y-1">
+                <a
+                  className="font-medium highlight-link-hover"
+                  href="https://www.youtube.com/watch?v=SyS3h3kmBnY"
+                >
+                  Extend what’s possible with Figma Plugins - Figma Config
+                </a>
+
+                <p className="text-tertiary">
+                  An exploration into the plugins I built to automate the
+                  tedious parts of designing mobile apps at GitHub.
                 </p>
               </div>
-              <FigmaPlugins />
-              <a
-                className="text-blue-600 dark:text-blue-500"
-                href="https://figma.com/@brian"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                See my Figma profile &rarr;
-              </a>
-            </div>
 
-            <div className="flex flex-col space-y-4">
-              <h4>Open source work</h4>
-              <div className="flex flex-col space-y-1">
+              <div className="space-y-1">
                 <a
-                  className="text-blue-600 dark:text-blue-500"
-                  href="https://github.com/designdetails/designdetails"
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  className="font-medium highlight-link-hover"
+                  href="https://www.youtube.com/watch?v=6MBBTdu8v6E"
                 >
-                  designdetails / designdetails
+                  Designing with GraphQL - GraphQL Summit
                 </a>
-                <p>The code that powers Design Details.</p>
+
+                <p className="text-tertiary">
+                  Exploring the possibilities that open up when designers and
+                  developers can speak the same language.
+                </p>
               </div>
 
-              <div className="flex flex-col space-y-1">
+              <div className="space-y-1">
                 <a
-                  href="https://github.com/brianlovin/brian-lovin-next"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-600 dark:text-blue-500"
+                  className="font-medium highlight-link-hover"
+                  href="https://interfacelovers.com/interviews/brian-lovin"
                 >
-                  brian-lovin-next
+                  Interface Lovers Interview
                 </a>
-                <p>The code that powers this website you’re looking at.</p>
+
+                <p className="text-tertiary">
+                  An interview about how I got into design, my process, and past
+                  work.
+                </p>
               </div>
 
-              <div className="flex flex-col space-y-1">
+              <div className="space-y-1">
                 <a
-                  href="https://github.com/withspectrum/spectrum"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-600 dark:text-blue-500"
+                  className="font-medium highlight-link-hover"
+                  href="https://spec.fm/podcasts/design-details/79352"
                 >
-                  withspectrum / spectrum
+                  Charmander++ – Interviewing ourselves on Design Details
                 </a>
-                <p>Simple, powerful online communities.</p>
+
+                <p className="text-tertiary">
+                  Bryn Jackson and I interviewed each other. Totally humble.
+                </p>
               </div>
 
-              <div className="flex flex-col space-y-1">
+              <div className="space-y-1">
                 <a
-                  href="https://github.com/specfm/spec-next"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-blue-600 dark:text-blue-500"
+                  className="font-medium highlight-link-hover"
+                  href="https://avocode.com/blog/brian-lovin-product-designer-github-interview"
                 >
-                  specfm / spec-next
+                  Avocode Interview
                 </a>
-                <p>
-                  A podcast network to help designers and developers level up.
+
+                <p className="text-tertiary">
+                  An interview where we dig into my work at Buffer, Facebook,
+                  Spectrum, and what’s in the works at GitHub.
                 </p>
               </div>
 
-              <a
-                href="https://github.com/brianlovin"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-600 dark:text-blue-500"
-              >
-                Follow me on GitHub &rarr;
-              </a>
-            </div>
-
-            <div className="flex flex-col space-y-4">
-              <h4>Speaking and interviews</h4>
-              <div className="flex flex-col space-y-4">
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://layout.fm/episodes/194/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Layout.fm: It Ran Into the Wall of Reality
-                  </a>
-                  <p>
-                    I spoke with Kevin and Rafa about the Staff Design project,
-                    career ladders, imposter syndrome, and Paul Rudd.
-                  </p>
-                </div>
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://www.swiftbysundell.com/podcast/67/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Building for open source
-                  </a>
-                  <p>
-                    Ryan Nystrom and I talk about designing and building the
-                    mobile apps at GitHub.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://www.youtube.com/watch?v=SyS3h3kmBnY"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Extend what’s possible with Figma Plugins - Figma Config
-                  </a>
-                  <p>
-                    An exploration into the plugins I built to automate the
-                    tedious parts of designing mobile apps at GitHub.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://www.youtube.com/watch?v=6MBBTdu8v6E"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Designing with GraphQL - GraphQL Summit
-                  </a>
-                  <p>
-                    Exploring the possibilities that open up when designers and
-                    developers can speak the same language.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://interfacelovers.com/interviews/brian-lovin"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Interface Lovers Interview
-                  </a>
-                  <p>
-                    An interview about how I got into design, my process, and
-                    past work.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://spec.fm/podcasts/design-details/79352"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Charmander++ – Interviewing ourselves on Design Details
-                  </a>
-                  <p>
-                    Bryn Jackson and I interviewed each other. Totally humble.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://avocode.com/blog/brian-lovin-product-designer-github-interview"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Avocode Interview
-                  </a>
-                  <p>
-                    An interview where we dig into my work at Buffer, Facebook,
-                    Spectrum, and what’s in the works at GitHub.
-                  </p>
-                </div>
-
-                <div className="flex flex-col space-y-1">
-                  <a
-                    className="text-blue-600 dark:text-blue-500"
-                    href="https://softwareengineeringdaily.com/2020/07/15/github-mobile-with-brian-lovin-and-ryan-nystrom/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Software Engineering Daily: GitHub Mobile
-                  </a>
-                  <p>
-                    Ryan and I discuss how we designed and built the first
-                    version of GitHub’s mobile apps.
-                  </p>
-                </div>
-              </div>
-            </div>
+              <div className="space-y-1">
+                <a
+                  className="font-medium highlight-link-hover"
+                  href="https://softwareengineeringdaily.com/2020/07/15/github-mobile-with-brian-lovin-and-ryan-nystrom/"
+                >
+                  Software Engineering Daily: GitHub Mobile
+                </a>
 
-            <div className="flex flex-col space-y-6">
-              <div className="flex flex-col space-y-4">
-                <div className="flex flex-col space-y-1">
-                  <h4>App Dissection</h4>
-                  <p className="text-lg">
-                    In-depth explorations of visual and interaction design in
-                    well-known apps.
-                  </p>
-                </div>
+                <p className="text-tertiary">
+                  Ryan and I discuss how we designed and built the first version
+                  of GitHub’s mobile apps.
+                </p>
               </div>
-              <DesignDetailsGrid summaries={summaries} />
             </div>
           </div>
         </div>
@@ -490,18 +190,4 @@ function About({ data, summaries }: Props) {
   )
 }
 
-export async function getStaticProps() {
-  const client = await initApolloClient({})
-  const { data } = await client.query({ query: GET_HOME })
-  return {
-    // because this data is slightly more dynamic, update it every hour
-    revalidate: 60 * 60,
-    props: {
-      data,
-      apolloStaticCache: client.cache.extract(),
-      summaries,
-    },
-  }
-}
-
 export default About
diff --git a/src/pages/ama.tsx b/src/pages/ama.tsx
index 433bfb59d..3171755b3 100644
--- a/src/pages/ama.tsx
+++ b/src/pages/ama.tsx
@@ -7,31 +7,31 @@ import AMAQuestions from '~/components/AMAQuestions'
 import { CenteredColumn } from '~/components/Layouts'
 import { NextSeo } from 'next-seo'
 import { AmaStatus } from '~/graphql/types.generated'
+import routes from '~/config/routes'
+import Link from 'next/link'
 
 function About() {
   return (
     <Page>
       <NextSeo
-        title={'Ask Me Anything'}
-        description={'Answering questions, just for fun.'}
-        openGraph={{
-          url: 'https://brianlovin.com/ama',
-          title: 'Ask Me Anything',
-          description: 'Answering questions, just for fun.',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/ama.png',
-              alt: 'Ask Me Anything',
-            },
-          ],
-        }}
+        title={routes.ama.seo.title}
+        description={routes.ama.seo.description}
+        openGraph={routes.ama.seo.openGraph}
       />
+
       <CenteredColumn>
-        <PageHeader
-          title="Ask Me Anything"
-          subtitle="Just for fun! Questions will be visible after I’ve answered."
-        />
-        <AMAQuestions />
+        <div className=" space-y-8">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
+          <PageHeader
+            title="Ask Me Anything"
+            subtitle="Just for fun! Questions will be visible after I’ve answered."
+          />
+          <AMAQuestions />
+        </div>
       </CenteredColumn>
     </Page>
   )
diff --git a/src/pages/api/bookmarks/add.ts b/src/pages/api/bookmarks/add.ts
index 8ab4a7b0c..47422a34c 100644
--- a/src/pages/api/bookmarks/add.ts
+++ b/src/pages/api/bookmarks/add.ts
@@ -1,6 +1,7 @@
 import twilio from 'twilio'
 const MessagingResponse = twilio.twiml.MessagingResponse
 import { URL } from 'url'
+import { baseUrl } from '~/config/seo'
 
 import db from '~/graphql/services/firebase'
 
@@ -17,7 +18,7 @@ export default async (req, res) => {
   if (process.env.NODE_ENV === 'production') {
     const twilioSignature = req.headers['x-twilio-signature']
     const params = req.body
-    const webhookUrl = 'https://brianlovin.com/api/bookmarks/add'
+    const webhookUrl = `${baseUrl}/api/bookmarks/add`
 
     const requestIsValid = twilio.validateRequest(
       process.env.TWILIO_AUTH_TOKEN,
diff --git a/src/pages/api/hn/send.ts b/src/pages/api/hn/send.ts
index d0dbd655b..9379e4554 100644
--- a/src/pages/api/hn/send.ts
+++ b/src/pages/api/hn/send.ts
@@ -5,6 +5,7 @@ import { getHNPostsForDigest } from '~/graphql/services/hn'
 import { client as postmark } from '~/graphql/services/postmark'
 import db from '~/graphql/services/firebase'
 import { validEmail } from './unsubscribe'
+import { baseEmail, baseUrl } from '~/config/seo'
 
 export default async (req: NextApiRequest, res: NextApiResponse) => {
   const COLLECTION = 'hnsubscribers'
@@ -42,7 +43,7 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
     */
   const ref =
     test || process.env.NODE_ENV !== 'production'
-      ? db.collection(COLLECTION).where('email', '==', 'hi@brianlovin.com')
+      ? db.collection(COLLECTION).where('email', '==', baseEmail)
       : db.collection(COLLECTION)
 
   let count = 0
@@ -53,11 +54,11 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
 
     if (validEmail(user.email)) {
       const unsubscribeToken = cryptr.encrypt(user.email)
-      const unsubscribe_url = `https://brianlovin.com/api/hn/unsubscribe?token=${unsubscribeToken}`
+      const unsubscribe_url = `${baseUrl}/api/hn/unsubscribe?token=${unsubscribeToken}`
 
       count = count + 1
       await postmark.sendEmailWithTemplate({
-        From: 'hi@brianlovin.com',
+        From: baseEmail,
         To: user.email,
         TemplateId: 18037634,
         TemplateModel: {
diff --git a/src/pages/api/hn/unsubscribe.ts b/src/pages/api/hn/unsubscribe.ts
index 5010a4c45..0db8e774c 100644
--- a/src/pages/api/hn/unsubscribe.ts
+++ b/src/pages/api/hn/unsubscribe.ts
@@ -1,6 +1,7 @@
 import { NextApiRequest, NextApiResponse } from 'next'
 import Cryptr from 'cryptr'
 import db from '~/graphql/services/firebase'
+import { baseUrl } from '~/config/seo'
 
 export function validEmail(email) {
   // eslint-disable-next-line
@@ -12,7 +13,7 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
   const { token } = req.query
 
   function done() {
-    res.writeHead(301, { Location: 'https://brianlovin.com/hn' })
+    res.writeHead(301, { Location: `${baseUrl}/hn` })
     res.end()
   }
 
diff --git a/src/pages/api/newsletter.ts b/src/pages/api/newsletter.ts
index c39876b2d..9274d9fd0 100644
--- a/src/pages/api/newsletter.ts
+++ b/src/pages/api/newsletter.ts
@@ -1,5 +1,6 @@
 import fetch from 'isomorphic-unfetch'
 import { NextApiRequest, NextApiResponse } from 'next'
+import { baseEmail } from '~/config/seo'
 
 export default async (req: NextApiRequest, res: NextApiResponse) => {
   const { email } = req.body
@@ -37,8 +38,7 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
 
   if (response.status >= 400) {
     return res.status(400).json({
-      error:
-        'Hm, couldn’t add you to the newsletter - ping me directly at hi@brianlovin.com and I’ll add you to this list!',
+      error: `Hm, couldn’t add you to the newsletter - ping me directly at ${baseEmail} and I’ll add you to this list!`,
     })
   }
 
diff --git a/src/pages/design-details/[slug].tsx b/src/pages/app-dissection/[slug].tsx
similarity index 89%
rename from src/pages/design-details/[slug].tsx
rename to src/pages/app-dissection/[slug].tsx
index 9a73695ab..fe58198b8 100644
--- a/src/pages/design-details/[slug].tsx
+++ b/src/pages/app-dissection/[slug].tsx
@@ -6,6 +6,7 @@ import DesignDetailView from '~/components/DesignDetailView'
 import { DesignDetailsPost } from '~/data/appDissections'
 import { useRouter } from 'next/router'
 import removeMd from 'remove-markdown'
+import { baseUrl } from '~/config/seo'
 
 interface Props {
   post: DesignDetailsPost
@@ -28,13 +29,13 @@ export default function DesignDetail({ post }: Props) {
           title={`${post.title} · App Dissection`}
           description={post.description}
           openGraph={{
-            url: `https://brianlovin.com/design-details/${post.slug}`,
+            url: `${baseUrl}/design-details/${post.slug}`,
             title: post.title,
             description: removeMd(post.description),
             site_name: 'App Dissection',
             images: [
               {
-                url: 'https://brianlovin.com/static/meta/app-dissection.png',
+                url: `${baseUrl}/static/meta/app-dissection.png`,
                 alt: 'App Dissection',
               },
             ],
diff --git a/src/pages/design-details/index.tsx b/src/pages/app-dissection/index.tsx
similarity index 57%
rename from src/pages/design-details/index.tsx
rename to src/pages/app-dissection/index.tsx
index 225c8c0cb..62bfe062c 100644
--- a/src/pages/design-details/index.tsx
+++ b/src/pages/app-dissection/index.tsx
@@ -4,29 +4,26 @@ import Page, { PageHeader } from '~/components/Page'
 import DesignDetailsGrid from '~/components/DesignDetailsGrid'
 import { summaries } from '~/data/appDissections'
 import { CenteredColumn } from '~/components/Layouts'
+import routes from '~/config/routes'
+import Link from 'next/link'
 
 export default function DesignDetails() {
   return (
     <Page>
       <NextSeo
-        title={'App Dissection'}
-        description={'In-depth design explorations.'}
-        openGraph={{
-          url: 'https://brianlovin.com/design-details',
-          title: 'App Dissection',
-          description: 'In-depth design explorations.',
-          site_name: 'App Dissection',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/app-dissection.png',
-              alt: 'App Dissection',
-            },
-          ],
-        }}
+        title={routes.appDissection.seo.title}
+        description={routes.appDissection.seo.description}
+        openGraph={routes.appDissection.seo.openGraph}
       />
 
       <CenteredColumn>
-        <div className="flex flex-col space-y-8">
+        <div className="space-y-8 ">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
+
           <PageHeader
             title="App Dissection"
             subtitle="Exploring the best interaction patterns, visual styles, and design
diff --git a/src/pages/hn/[id].tsx b/src/pages/hn/[id].tsx
index fe963b2a4..1af482e80 100644
--- a/src/pages/hn/[id].tsx
+++ b/src/pages/hn/[id].tsx
@@ -7,6 +7,7 @@ import { useRouter } from 'next/router'
 import FullscreenLoading from '~/components/FullscreenLoading'
 import { getPostById, getPostIds } from '~/graphql/services/hn'
 import { HNPost as HNPostType } from '.'
+import { baseUrl } from '~/config/seo'
 
 interface Props {
   post: HNPostType
@@ -31,7 +32,7 @@ export default function HNPostView(props: Props) {
           description: 'My personal Hacker News reader.',
           images: [
             {
-              url: 'https://brianlovin.com/static/meta/hn.png',
+              url: `${baseUrl}/static/meta/hn.png`,
               alt: 'Hacker News',
             },
           ],
diff --git a/src/pages/hn/about.tsx b/src/pages/hn/about.tsx
deleted file mode 100644
index 75e4ea1a8..000000000
--- a/src/pages/hn/about.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import * as React from 'react'
-import Page, { PageHeader } from '~/components/Page'
-import { NextSeo } from 'next-seo'
-import { CenteredColumn } from '~/components/Layouts'
-import Navigation from '~/components/HNPosts/Navigation'
-import HNSubscribeBox from '~/components/HNSubscribe'
-
-export default function HNAbout() {
-  return (
-    <Page>
-      <NextSeo
-        title={'Hacker News · About'}
-        description={'About my personal Hacker News reader.'}
-        openGraph={{
-          url: 'https://brianlovin.com/hn/about',
-          title: 'Hacker News · About',
-          description: 'About my personal Hacker News reader.',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/hn.png',
-              alt: 'Hacker News',
-            },
-          ],
-        }}
-      />
-
-      <CenteredColumn data-cy="hn">
-        <div className="flex flex-col space-y-8">
-          <PageHeader title="Hacker News" />
-          <div className="flex md:justify-center">
-            <Navigation active={'about'} />
-          </div>
-          <div className="h-px bg-gray-200 dark:bg-gray-800 timeline-stroke" />
-
-          <div className="flex flex-col prose lg:prose-lg">
-            <p>
-              <a href="https://news.ycombinator.com">Hacker News</a> is a
-              fantastic way to stay up to date on technology and software news.
-              It’s especially helpful for discovering links to parts of the
-              internet that I wouldn’t normally browse. The comments on these
-              links expose me to new opinions that often change my mind.
-            </p>
-
-            <p>
-              The best thing about HN is that it’s fast, no-nonsense, and
-              information dense. It’s how most content websites should feel –
-              snappy, no spinners, with an emphasis on function over form.
-            </p>
-
-            <p>
-              Despite these points, HN has problems with core usability. I’ve
-              attempted to solve these problems for myself by rebuilding a very
-              small and lightweight Hacker News client here.
-            </p>
-
-            <p>
-              While building this, it was important to retain near-instant page
-              loads and high information density. This is done by statically
-              pre-rendering all post lists and comment pages.
-            </p>
-
-            <h5>Typography</h5>
-            <p>
-              The type on Hacker News is too small. I find myself having to zoom
-              to at least 130% in order to read things without squinting.
-              Additionally, when reading comments there is no cap on line width.
-              This makes it hard to read long comments and trace line breaks. I
-              prefer my base font size with a capped line width.
-            </p>
-
-            <h5>Dark mode</h5>
-            <p>
-              HN doesn’t support a native dark mode. I have astigmatism and one
-              of the symptoms is light sensitivity. My personal site always
-              matches the system dark mode preference, which for me means I’ll
-              always be able to read comments in dark mode.
-            </p>
-
-            <h5>Conversations</h5>
-            <p>
-              It’s really hard to follow conversations on HN. When a
-              conversation goes many levels deep, it’s nearly impossible to tell
-              where you are in the comment hiearchy based on whitespace alone.
-            </p>
-            <p>
-              In my version, nested comments have vertical tracking lines. This
-              makes it easier to trace comment relationships, and the lack of a
-              tracking line quickly indicates that I’m reading a root comment.
-              Additionally, HN only exposes the ability to collapse a comment
-              thread by scrolling back up to the comment header. I’ve supported
-              collapsing by clicking anywhere on the tracking line.
-            </p>
-            <p>
-              Finally, I often find myself deep in a nested comment thread and
-              just want to escape out to the next root level comment. I’ve added
-              root-level comments to the tabIndex of the page, allowing me to
-              quickly tab between threads.
-            </p>
-
-            <h5>Addicting</h5>
-            <p>
-              It’s tempting to check Hacker News multiple times per day. It’s
-              distracting and results in a lot of context switching. Links often
-              take me down a deep rabbit hole of new topics. I don’t like this
-              trap.
-            </p>
-            <p>
-              To combat this, I’ve done two things. First, my version updates
-              infrequently. The Top list updates once every four hours. Second,
-              I’ve hard-coded the volume of content. Only a handful of threads
-              load at a time, and comments only render three levels deep.
-            </p>
-
-            <h5>Won’t fix</h5>
-            <p>
-              That’s it. These small problems got on my nerves just enough that
-              it felt less painful to just build my own HN client than to keep
-              dealing with eye strain and getting lost in conversations.
-            </p>
-            <p>
-              I’ll keep an eye out for poorly rendered content and polish things
-              incrementally. But I don’t plan to add support for other content
-              types like polls or jobs, which I never visit on HN anyways.
-            </p>
-          </div>
-          <HNSubscribeBox />
-        </div>
-      </CenteredColumn>
-    </Page>
-  )
-}
diff --git a/src/pages/hn/index.tsx b/src/pages/hn/index.tsx
index 2a2e54c13..0e124ffec 100644
--- a/src/pages/hn/index.tsx
+++ b/src/pages/hn/index.tsx
@@ -4,9 +4,11 @@ import { NextSeo } from 'next-seo'
 import { CenteredColumn } from '~/components/Layouts'
 import HNPosts from '~/components/HNPosts'
 import { HNComment } from '~/components/HNPost/Comment'
-import Navigation from '~/components/HNPosts/Navigation'
 import { getHNPosts } from '~/graphql/services/hn'
 import HNSubscribeBox from '~/components/HNSubscribe'
+import routes from '~/config/routes'
+import Divider from '~/components/Divider'
+import Link from 'next/link'
 
 export interface HNPost {
   id: string
@@ -31,30 +33,121 @@ export default function HNTop(props: Props) {
   return (
     <Page>
       <NextSeo
-        title={'Hacker News'}
-        description={'My personal Hacker News reader.'}
-        openGraph={{
-          url: 'https://brianlovin.com/hn',
-          title: 'Hacker News',
-          description: 'My personal Hacker News reader.',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/hn.png',
-              alt: 'Hacker News',
-            },
-          ],
-        }}
+        title={routes.hn.seo.title}
+        description={routes.hn.seo.description}
+        openGraph={routes.hn.seo.openGraph}
       />
 
       <CenteredColumn data-cy="hn">
-        <div className="flex flex-col space-y-8">
+        <div className="space-y-8">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
+
           <PageHeader title="Hacker News" />
-          <div className="flex md:justify-center">
-            <Navigation active={'top'} />
-          </div>
-          <div className="h-px bg-gray-200 dark:bg-gray-800 timeline-stroke" />
-          <HNPosts posts={posts} />
+
           <HNSubscribeBox />
+
+          <HNPosts posts={posts} />
+
+          <div className="py-4" />
+          <Divider />
+          <div className="py-4" />
+
+          <div className="prose">
+            <h5>About this page</h5>
+            <p>
+              <a href="https://news.ycombinator.com">Hacker News</a> is a
+              fantastic way to stay up to date on technology and software news.
+              It’s especially helpful for discovering links to parts of the
+              internet that I wouldn’t normally browse. The comments on these
+              links expose me to new opinions that often change my mind.
+            </p>
+
+            <p>
+              The best thing about HN is that it’s fast, no-nonsense, and
+              information dense. It’s how most content websites should feel –
+              snappy, no spinners, with an emphasis on function over form.
+            </p>
+
+            <p>
+              Despite these points, HN has problems with core usability. I’ve
+              attempted to solve these problems for myself by rebuilding a very
+              small and lightweight Hacker News client here.
+            </p>
+
+            <p>
+              While building this, it was important to retain near-instant page
+              loads and high information density. This is done by statically
+              pre-rendering all post lists and comment pages.
+            </p>
+
+            <strong>Typography</strong>
+            <p>
+              The type on Hacker News is too small. I find myself having to zoom
+              to at least 130% in order to read things without squinting.
+              Additionally, when reading comments there is no cap on line width.
+              This makes it hard to read long comments and trace line breaks. I
+              prefer my base font size with a capped line width.
+            </p>
+
+            <strong>Dark mode</strong>
+            <p>
+              HN doesn’t support a native dark mode. I have astigmatism and one
+              of the symptoms is light sensitivity. My personal site always
+              matches the system dark mode preference, which for me means I’ll
+              always be able to read comments in dark mode.
+            </p>
+
+            <strong>Conversations</strong>
+            <p>
+              It’s really hard to follow conversations on HN. When a
+              conversation goes many levels deep, it’s nearly impossible to tell
+              where you are in the comment hiearchy based on whitespace alone.
+            </p>
+            <p>
+              In my version, nested comments have vertical tracking lines. This
+              makes it easier to trace comment relationships, and the lack of a
+              tracking line quickly indicates that I’m reading a root comment.
+              Additionally, HN only exposes the ability to collapse a comment
+              thread by scrolling back up to the comment header. I’ve supported
+              collapsing by clicking anywhere on the tracking line.
+            </p>
+            <p>
+              Finally, I often find myself deep in a nested comment thread and
+              just want to escape out to the next root level comment. I’ve added
+              root-level comments to the tabIndex of the page, allowing me to
+              quickly tab between threads.
+            </p>
+
+            <strong>Addicting</strong>
+            <p>
+              It’s tempting to check Hacker News multiple times per day. It’s
+              distracting and results in a lot of context switching. Links often
+              take me down a deep rabbit hole of new topics. I don’t like this
+              trap.
+            </p>
+            <p>
+              To combat this, I’ve done two things. First, my version updates
+              infrequently. The Top list updates once every four hours. Second,
+              I’ve hard-coded the volume of content. Only a handful of threads
+              load at a time, and comments only render three levels deep.
+            </p>
+
+            <strong>Won’t fix</strong>
+            <p>
+              That’s it. These small problems got on my nerves just enough that
+              it felt less painful to just build my own HN client than to keep
+              dealing with eye strain and getting lost in conversations.
+            </p>
+            <p>
+              I’ll keep an eye out for poorly rendered content and polish things
+              incrementally. But I don’t plan to add support for other content
+              types like polls or jobs, which I never visit on HN anyways.
+            </p>
+          </div>
         </div>
       </CenteredColumn>
     </Page>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2bff52743..cea0e9cd4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,46 +1,98 @@
 import * as React from 'react'
 import Link from 'next/link'
-import Page, { PageHeader } from '~/components/Page'
+import Page from '~/components/Page'
 import { CenteredColumn } from '~/components/Layouts'
-import { Timeline } from '~/components/Timeline'
+import { initApolloClient } from '~/graphql/services/apollo'
+import { GET_HOME } from '~/graphql/queries'
+import { Post } from '~/graphql/types.generated'
+import WritingSubscribeBox from '~/components/Writing/Subscribe'
+import PostsList from '~/components/Writing/List'
+import ProjectsList from '~/components/ProjectsList'
 
-function Home() {
+interface Props {
+  data: {
+    posts: Post[]
+  }
+}
+
+function Home({ data }: Props) {
   return (
     <Page>
       <CenteredColumn>
-        <div className="flex flex-col space-y-24">
-          <div className="flex flex-col space-y-8 md:items-center">
-            <PageHeader
-              title="Hey, I’m Brian"
-              subtitle="I’m a product designer, podcaster, and writer, living in San
-                Francisco. I’m currently building native mobile apps at GitHub."
-            />
-
-            <div className="flex flex-col space-y-2 md:space-x-4 md:flex-row md:space-y-0 md:items-center md:justify-center">
-              <Link href="/about" passHref>
-                <a>
-                  <button className="w-full text-lg btn btn-primary btn-large">
-                    More about me
-                  </button>
+        <div className="space-y-16 md:space-y-24 ">
+          <div className="space-y-8 md:items-center">
+            <div className="prose text-primary">
+              <p>
+                Hey, I&apos;m Brian. I&apos;m a designer,{' '}
+                <a href="https://designdetails.fm">podcaster</a>,{' '}
+                <Link href="/writing" passHref>
+                  <a>writer</a>
+                </Link>
+                , and{' '}
+                <a href="https://github.com/brianlovin">software tinkerer</a>.
+                I&apos;m currently building{' '}
+                <a href="https://github.com/mobile">
+                  native mobile apps at GitHub
                 </a>
-              </Link>
-              <a
-                href="https://twitter.com/brian_lovin"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <button className="w-full text-lg btn btn-large">
-                  Follow me on Twitter
-                </button>
-              </a>
+                .
+              </p>
+
+              <p>
+                In the past I co-founded{' '}
+                <a href="https://github.com/withspectrum/spectrum">Spectrum</a>,
+                a platform for online communities. Before that, I worked at
+                Facebook building payments systems, and cut my teeth as a
+                product designer at Buffer.
+              </p>
+
+              <p>
+                <Link href="/about" passHref>
+                  <a>Learn more about me &rarr;</a>
+                </Link>
+              </p>
+            </div>
+          </div>
+
+          <WritingSubscribeBox />
+
+          <div className="space-y-8">
+            <h4 className="font-list-heading">Recent Writing</h4>
+            <div className="space-y-6 ">
+              {data && data.posts && <PostsList posts={data.posts} />}
             </div>
+            <Link href="/projects">
+              <a className="inline-block font-medium highlight-link-hover">
+                Read all posts &rarr;
+              </a>
+            </Link>
           </div>
 
-          <Timeline />
+          <div className="space-y-8">
+            <h4 className="font-list-heading">Select Projects</h4>
+            <ProjectsList />
+            <Link href="/projects">
+              <a className="inline-block font-medium highlight-link-hover">
+                See all projects &rarr;
+              </a>
+            </Link>
+          </div>
         </div>
       </CenteredColumn>
     </Page>
   )
 }
 
+export async function getStaticProps() {
+  const client = await initApolloClient({})
+  const { data } = await client.query({ query: GET_HOME })
+  return {
+    // because this data is slightly more dynamic, update it every hour
+    revalidate: 60 * 60,
+    props: {
+      data,
+      apolloStaticCache: client.cache.extract(),
+    },
+  }
+}
+
 export default Home
diff --git a/src/pages/journal.tsx b/src/pages/journal.tsx
deleted file mode 100644
index 55426dd4b..000000000
--- a/src/pages/journal.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import { useRouter } from 'next/router'
-import FullscreenLoading from '~/components/FullscreenLoading'
-
-export default function Journal() {
-  const router = useRouter()
-  React.useEffect(() => {
-    router.push('/overthought')
-  }, [])
-
-  return <FullscreenLoading />
-}
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 39d25842d..09d0afd2b 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -3,6 +3,9 @@ import { useRouter } from 'next/router'
 import { useLoginMutation } from '~/graphql/types.generated'
 import { withApollo } from '~/components/withApollo'
 import { Input } from '~/components/Input'
+import Page from '~/components/Page'
+import { NextSeo } from 'next-seo'
+import routes from '~/config/routes'
 
 function Login() {
   const router = useRouter()
@@ -19,17 +22,24 @@ function Login() {
   }
 
   return (
-    <div className="w-screen h-screen flex justify-center items-center">
-      <form className="bg-gray-100 rounded-lg p-8" onSubmit={onSubmit}>
-        <Input
-          autoFocus
-          type="password"
-          placeholder="password"
-          autoComplete="current-password"
-          onChange={(e) => setPassword(e.target.value)}
-        />
-      </form>
-    </div>
+    <Page>
+      <NextSeo
+        title={routes.login.seo.title}
+        description={routes.login.seo.description}
+        openGraph={routes.login.seo.openGraph}
+      />
+
+      <div className="flex items-center justify-center w-screen h-screen">
+        <form className="p-8 bg-gray-100 rounded-lg" onSubmit={onSubmit}>
+          <Input
+            type="password"
+            placeholder="password"
+            autoComplete="current-password"
+            onChange={(e) => setPassword(e.target.value)}
+          />
+        </form>
+      </div>
+    </Page>
   )
 }
 
diff --git a/src/pages/overthought/index.tsx b/src/pages/overthought/index.tsx
deleted file mode 100644
index 0c286bb06..000000000
--- a/src/pages/overthought/index.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import * as React from 'react'
-import Page, { PageHeader } from '~/components/Page'
-import { Post } from '~/graphql/types.generated'
-import OverthoughtSubscribeBox from '~/components/Overthought/Subscribe'
-import SEO from '~/components/Overthought/SEO'
-import OverthoughtList from '~/components/Overthought/List'
-import { GET_POSTS } from '~/graphql/queries'
-import { initApolloClient } from '~/graphql/services/apollo'
-import { CenteredColumn } from '~/components/Layouts'
-
-interface Props {
-  data: {
-    posts: Post[]
-  }
-}
-
-function Overthought({ data }: Props) {
-  return (
-    <Page>
-      <SEO />
-
-      <CenteredColumn>
-        <div data-cy="overthought" className="flex flex-col space-y-14">
-          <PageHeader
-            title="Overthought"
-            subtitle="Thinking out loud about design, development, and building
-              excellent software."
-          />
-
-          <OverthoughtSubscribeBox />
-          {data && data.posts && <OverthoughtList posts={data.posts} />}
-        </div>
-      </CenteredColumn>
-    </Page>
-  )
-}
-
-export async function getStaticProps() {
-  const client = await initApolloClient({})
-  const { data } = await client.query({ query: GET_POSTS })
-  return {
-    // because this data is slightly more dynamic, update it every hour
-    revalidate: 60 * 60,
-    props: {
-      data,
-    },
-  }
-}
-
-export default Overthought
diff --git a/src/pages/projects.tsx b/src/pages/projects.tsx
new file mode 100644
index 000000000..ceec0fa0a
--- /dev/null
+++ b/src/pages/projects.tsx
@@ -0,0 +1,160 @@
+import * as React from 'react'
+import Page, { PageHeader } from '~/components/Page'
+import { CenteredColumn } from '~/components/Layouts'
+import PodcastEpisodesList from '~/components/PodcastEpisodesList'
+import FigmaPlugins from '~/components/FigmaPlugins'
+import { initApolloClient } from '~/graphql/services/apollo'
+import { GET_HOME } from '~/graphql/queries'
+import { Post, Episode, Repo } from '~/graphql/types.generated'
+import { NextSeo } from 'next-seo'
+import routes from '~/config/routes'
+import ProjectsList from '~/components/ProjectsList'
+
+interface Props {
+  data: {
+    posts: Post[]
+    episodes?: Episode[]
+    repos?: Repo[]
+  }
+}
+
+function Projects({ data }: Props) {
+  return (
+    <Page>
+      <NextSeo
+        title={routes.projects.seo.title}
+        description={routes.projects.seo.description}
+        openGraph={routes.projects.seo.openGraph}
+      />
+
+      <CenteredColumn>
+        <div className="space-y-12" data-cy="projects-page">
+          <PageHeader title="Projects" subtitle="" />
+
+          <div className="space-y-16 md:space-y-24">
+            <div className="space-y-8">
+              <h4 className="font-list-heading">Select Projects</h4>
+              <ProjectsList />
+            </div>
+
+            <div className="space-y-6">
+              <div className="space-y-6">
+                <h4 className="font-list-heading">Design Details Podcast</h4>
+                <p className="text-secondary">
+                  A weekly conversation about design process and culture,
+                  co-hosted with{' '}
+                  <a
+                    href="https://twitter.com/marshallbock"
+                    className="highlight-link"
+                  >
+                    @marshallbock
+                  </a>
+                  .
+                </p>
+              </div>
+              {data && data.episodes && (
+                <PodcastEpisodesList episodes={data.episodes} />
+              )}
+              <a
+                href="https://designdetails.fm"
+                className="inline-block font-medium highlight-link-hover"
+              >
+                Check out all the episodes &rarr;
+              </a>
+            </div>
+
+            <div className="space-y-6">
+              <div className="space-y-1">
+                <h4 className="font-list-heading">Figma plugins</h4>
+              </div>
+              <FigmaPlugins />
+              <a
+                className="inline-block font-medium highlight-link-hover"
+                href="https://figma.com/@brian"
+              >
+                See my Figma profile &rarr;
+              </a>
+            </div>
+
+            <div className="space-y-6">
+              <h4 className="font-list-heading">Open source work</h4>
+              <div className="space-y-1">
+                <a
+                  href="https://github.com/brianlovin/brian-lovin-next"
+                  className="font-medium highlight-link-hover"
+                >
+                  brian-lovin-next
+                </a>
+
+                <p className="text-tertiary">
+                  The code that powers this website you’re looking at.
+                </p>
+              </div>
+
+              <div className="space-y-1">
+                <a
+                  href="https://github.com/withspectrum/spectrum"
+                  className="font-medium highlight-link-hover"
+                >
+                  withspectrum / spectrum
+                </a>
+
+                <p className="text-tertiary">
+                  Simple, powerful online communities.
+                </p>
+              </div>
+
+              <div className="space-y-1">
+                <a
+                  className="font-medium highlight-link-hover"
+                  href="https://github.com/designdetails/designdetails"
+                >
+                  designdetails / designdetails
+                </a>
+
+                <p className="text-tertiary">
+                  The code that powers Design Details.
+                </p>
+              </div>
+
+              <div className="space-y-1">
+                <a
+                  href="https://github.com/specfm/spec-next"
+                  className="font-medium highlight-link-hover"
+                >
+                  specfm / spec-next
+                </a>
+
+                <p className="text-tertiary">
+                  A podcast network to help designers and developers level up.
+                </p>
+              </div>
+
+              <a
+                href="https://github.com/brianlovin"
+                className="inline-block font-medium highlight-link-hover"
+              >
+                Follow me on GitHub &rarr;
+              </a>
+            </div>
+          </div>
+        </div>
+      </CenteredColumn>
+    </Page>
+  )
+}
+
+export async function getStaticProps() {
+  const client = await initApolloClient({})
+  const { data } = await client.query({ query: GET_HOME })
+  return {
+    // because this data is slightly more dynamic, update it every hour
+    revalidate: 60 * 60,
+    props: {
+      data,
+      apolloStaticCache: client.cache.extract(),
+    },
+  }
+}
+
+export default Projects
diff --git a/src/pages/security.tsx b/src/pages/security.tsx
index 9559e3ca2..109ec6716 100644
--- a/src/pages/security.tsx
+++ b/src/pages/security.tsx
@@ -3,29 +3,25 @@ import { NextSeo } from 'next-seo'
 import Page, { PageHeader } from '~/components/Page'
 import { CenteredColumn } from '~/components/Layouts'
 import SecurityChecklist from '~/components/SecurityChecklist'
+import routes from '~/config/routes'
+import Link from 'next/link'
 
 export default function Security() {
   return (
     <Page>
       <NextSeo
-        title={'Security Checklist'}
-        description={'Tools and resources for staying safe on the internet'}
-        openGraph={{
-          url: 'https://brianlovin.com/security',
-          title: 'Security Checklist',
-          description: 'Tools and resources for staying safe on the internet',
-          site_name: 'Security Checklist',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/security.png',
-              alt: 'Security Checklist',
-            },
-          ],
-        }}
+        title={routes.security.seo.title}
+        description={routes.security.seo.description}
+        openGraph={routes.security.seo.openGraph}
       />
 
       <CenteredColumn>
-        <div className="flex flex-col space-y-8">
+        <div className="space-y-8">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
           <PageHeader
             title="Security Checklist"
             subtitle="Tools and resources designed to improve your online privacy,
diff --git a/src/pages/stack.tsx b/src/pages/stack.tsx
index 094e25ba8..57d66f0d6 100644
--- a/src/pages/stack.tsx
+++ b/src/pages/stack.tsx
@@ -4,56 +4,50 @@ import StackList from '~/components/Stack'
 import Page, { PageHeader } from '~/components/Page'
 import { withApollo } from '~/components/withApollo'
 import { CenteredColumn } from '~/components/Layouts'
-import { Info } from 'react-feather'
 import Recommendations from '~/components/Stack/Recommendations'
+import routes from '~/config/routes'
+import Link from 'next/link'
 
 function Stack() {
   return (
     <Page>
       <NextSeo
-        title={'Stack'}
-        description={'My favorite tools and software.'}
-        openGraph={{
-          url: 'https://brianlovin.com/stack',
-          title: 'Stack',
-          description: 'My favorite tools and software.',
-          images: [
-            {
-              url: 'https://brianlovin.com/static/meta/stack.png',
-              alt: 'My favorite tools and software.',
-            },
-          ],
-        }}
+        title={routes.stack.seo.title}
+        description={routes.stack.seo.description}
+        openGraph={routes.stack.seo.openGraph}
       />
+
       <CenteredColumn>
-        <PageHeader title="Stack" subtitle="My favorite tools and software." />
+        <div className="space-y-8">
+          <Link href="/projects" passHref>
+            <a className="leading-snug text-tertiary hover:text-gray-1000 dark:hover:text-gray-100">
+              &larr; Projects
+            </a>
+          </Link>
+          <PageHeader
+            title="Stack"
+            subtitle="My favorite tools and software."
+          />
+        </div>
 
         <StackList />
 
-        <div className="flex flex-col p-6 mt-16 space-y-3 bg-yellow-100 rounded-lg dark:bg-gray-900">
-          <div className="flex items-center">
-            <Info
-              size={20}
-              className="mr-3 text-yellow-900 dark:text-gray-100"
-            />
-            <p className="font-semibold text-yellow-900 dark:text-gray-100">
-              About these links
-            </p>
-          </div>
-          <p className="font-normal text-yellow-900 dark:text-gray-300">
+        <div className="p-8 mt-16 -mx-8 space-y-4 bg-yellow-400 border-t border-b border-yellow-300 border-dashed dark:bg-opacity-10 bg-opacity-5 dark:border-gray-800">
+          <p className="font-semibold text-yellow-900 dark:text-gray-100">
+            About these links
+          </p>
+          <p className="text-yellow-700 dark:text-gray-300">
             I only recommend apps and tools that I use every day and think are
             excellent. Nobody is paying to be on this list.
           </p>
-          <p className="font-normal text-yellow-900 dark:text-gray-300">
+          <p className="text-yellow-700 dark:text-gray-300">
             However, some of the links above are affiliate links. If you don’t
             want to click them out of principle, I understand. Any affiliate
             income earned goes straight back into powering this website and my
             other side projects: servers, storage, domain names, and other
             operational costs do add up.
           </p>
-          <p className="font-normal text-yellow-900 dark:text-gray-300">
-            ❤️ Brian
-          </p>
+          <p className="text-yellow-700 dark:text-gray-300">❤️ Brian</p>
         </div>
         <Recommendations />
       </CenteredColumn>
diff --git a/src/pages/overthought/[slug].tsx b/src/pages/writing/[slug].tsx
similarity index 85%
rename from src/pages/overthought/[slug].tsx
rename to src/pages/writing/[slug].tsx
index a9563e7c0..48ba29a77 100644
--- a/src/pages/overthought/[slug].tsx
+++ b/src/pages/writing/[slug].tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import { Post } from '~/graphql/types.generated'
 import { GET_POST, GET_POSTS } from '~/graphql/queries'
 import Page from '~/components/Page'
-import PostContainer from '~/components/Overthought/Post'
-import NotFound from '~/components/Overthought/NotFound'
+import PostContainer from '~/components/Writing/Post'
+import NotFound from '~/components/Writing/NotFound'
 import { initApolloClient } from '~/graphql/services/apollo'
 
 interface Props {
@@ -13,7 +13,7 @@ interface Props {
   }
 }
 
-function OverthoughtPost({ data }: Props) {
+function PostView({ data }: Props) {
   const post = data?.post
 
   if (!post) return <NotFound />
@@ -57,4 +57,4 @@ export async function getStaticProps({ params: { slug } }) {
   }
 }
 
-export default OverthoughtPost
+export default PostView
diff --git a/src/pages/writing/index.tsx b/src/pages/writing/index.tsx
new file mode 100644
index 000000000..a7b1942e4
--- /dev/null
+++ b/src/pages/writing/index.tsx
@@ -0,0 +1,66 @@
+import * as React from 'react'
+import Page, { PageHeader } from '~/components/Page'
+import { Post } from '~/graphql/types.generated'
+import WritingSubscribeBox from '~/components/Writing/Subscribe'
+import PostsList from '~/components/Writing/List'
+import { GET_POSTS } from '~/graphql/queries'
+import { initApolloClient } from '~/graphql/services/apollo'
+import { CenteredColumn } from '~/components/Layouts'
+import Head from 'next/head'
+import { NextSeo } from 'next-seo'
+import routes from '~/config/routes'
+
+interface Props {
+  data: {
+    posts: Post[]
+  }
+}
+
+function Writing({ data }: Props) {
+  return (
+    <Page>
+      <Head>
+        <link
+          rel="alternate"
+          type="application/rss+xml"
+          title="RSS feed"
+          href="/writing/rss"
+        />
+      </Head>
+
+      <NextSeo
+        title={routes.writing.seo.title}
+        description={routes.writing.seo.description}
+        openGraph={routes.writing.seo.openGraph}
+      />
+
+      <CenteredColumn>
+        <div data-cy="writing" className=" space-y-12">
+          <PageHeader
+            title={routes.writing.seo.title}
+            subtitle={routes.writing.seo.description}
+          />
+
+          <WritingSubscribeBox />
+          <div className=" space-y-6">
+            {data && data.posts && <PostsList posts={data.posts} />}
+          </div>
+        </div>
+      </CenteredColumn>
+    </Page>
+  )
+}
+
+export async function getStaticProps() {
+  const client = await initApolloClient({})
+  const { data } = await client.query({ query: GET_POSTS })
+  return {
+    // because this data is slightly more dynamic, update it every hour
+    revalidate: 60 * 60,
+    props: {
+      data,
+    },
+  }
+}
+
+export default Writing
diff --git a/src/pages/overthought/rss.tsx b/src/pages/writing/rss.tsx
similarity index 89%
rename from src/pages/overthought/rss.tsx
rename to src/pages/writing/rss.tsx
index ca576bbbb..8fae69b2f 100644
--- a/src/pages/overthought/rss.tsx
+++ b/src/pages/writing/rss.tsx
@@ -9,7 +9,7 @@ export default class extends React.Component {
       })
       res.end()
     } else {
-      Router.push('/overthought/rss')
+      Router.push('/writing/rss')
     }
     return {}
   }
diff --git a/src/styles/custom-styles.css b/src/styles/custom-styles.css
index eba025839..7c21dcf9c 100644
--- a/src/styles/custom-styles.css
+++ b/src/styles/custom-styles.css
@@ -1,226 +1,48 @@
-/* Write your own custom base styles here */
-
-html {
-  @apply text-base bg-gray-50 dark:bg-gray-1000;
-}
-
 /* Write your own custom component styles here */
-@layer components {
-  p, ul, ol, li {
-    @apply text-gray-1000 dark:text-gray-50;
-  }
-
-  a {
-    @apply font-semibold;
-  }
-
-  h6 {
-    @apply text-base font-bold text-gray-1000 dark:text-gray-50;
-  }
-
-  h5 {
-    @apply text-lg font-bold text-gray-1000 dark:text-gray-50;
-  }
-
-  h4 {
-    @apply text-xl font-bold text-gray-1000 dark:text-gray-50;
-  }
-
-  h3 {
-    @apply text-2xl font-bold text-gray-1000 dark:text-gray-50;
-  }
-
-  h2 {
-    @apply text-3xl font-extrabold text-gray-1000 dark:text-gray-50;
-  }
-
-  h1 {
-    @apply text-4xl font-extrabold text-gray-1000 dark:text-gray-50;
-  }
-
-  .btn {
-    @apply flex items-center justify-center px-4 py-2 space-x-2 text-sm font-medium transition-shadow bg-white border rounded shadow-sm hover:border-gray-300 dark:border-gray-800 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:border-gray-600 focus:outline-none text-primary;
-  }
+@font-face {
+  font-family: 'iA Quattro';
+  font-stretch: 25% 150%;
+  font-weight: 100 1000;
+  src: url("/static/fonts/iAWriterQuattroV.ttf") format("truetype-variations");
+}
 
-  .btn-primary {
-    @apply text-white bg-blue-500 border-none hover:bg-blue-600 dark:hover:bg-blue-400;
+@layer base {
+  body {
+    @apply font-mono;
   }
 
-  .btn-outline {
-    @apply bg-white bg-opacity-0 shadow-none hover:bg-opacity-20 hover:shadow-none;
+  /* needed to override tailwind forms styles */
+  select {
+    @apply w-full px-4 py-2 border border-gray-200 rounded focus:outline-none focus:border-gray-1000 text-primary dark:border-gray-800 dark:focus:border-gray-600 bg-gray-1000 dark:bg-white bg-opacity-5 hover:bg-opacity-10 focus:ring-0;
   }
+}
 
-  .btn-large {
-    @apply px-6 py-3 font-semibold rounded-md;
+@layer components {
+  .font-list-heading {
+    @apply font-sans text-lg font-bold text-primary;
   }
 
   .tabbed-navigation::-webkit-scrollbar {
     display: none;
   }
-
-  .tab {
-    @apply flex flex-none md:justify-center md:flex-auto flex-nowrap;
-  }
-
-  .tab-active {
-    @apply border-b-2 text-gray-1000 dark:text-gray-50 border-gray-1000 dark:border-white hover:text-gray-1000 dark:hover:text-gray-50;
-  }
-
-  .tab-inactive {
-    @apply text-gray-600 border-b-2 border-gray-50 dark:text-gray-400 dark:border-gray-1000 hover:text-gray-1000 dark:hover:text-gray-50 hover:border-gray-300 dark:hover:border-gray-700;
-  }
 }
 
 /* Your own custom utilities */
 @layer utilities {
   .text-primary {
-    @apply text-gray-1000 dark:text-gray-50;
+    @apply text-gray-1000 dark:text-gray-100;
   }
 
   .text-secondary {
-    @apply text-gray-800 dark:text-gray-200;
-  }
-
-  .text-tertiary {
-    @apply text-gray-600 dark:text-gray-400;
-  }
-
-  .divider-gray {
-    @apply text-gray-300 dark:text-gray-700;
-  }
-
-  .bg-divider-gray {
-    @apply bg-gray-300 dark:bg-gray-700;
-  }
-
-  .page-subtitle {
-    @apply text-xl;
-  }
-
-  .p-small {
-    @apply text-sm text-gray-600 dark:text-gray-400;
-  }
-
-  .black-link {
-    @apply text-gray-1000 dark:text-gray-100 hover:underline visited:text-gray-1000 dark:hover:text-gray-50 dark:visited:text-gray-100;
-  }
-
-  .nav-label a {
-    @apply text-gray-1000 dark:text-gray-50 hover:text-blue-500 dark:hover:text-blue-300 hover:bg-blue-500 hover:bg-opacity-10;
-  }
-
-  .nav-label.active a {
-    @apply text-blue-500 bg-blue-500 dark:text-blue-300 bg-opacity-10;
-  }
-
-  .prose blockquote {
-    @apply border-l-2 border-gray-200 text-gray-1000 dark:text-gray-50 dark:border-gray-800;
-  }
-
-  .prose a {
-    @apply dark:text-blue-500;
-  }
-
-  .prose table {
-    @apply text-gray-1000 dark:text-gray-50;
-  }
-
-  /* the kg-embed-card gets applied to iframes sent from Ghost. this preserves a good video aspect ratio */
-  .prose .kg-embed-card {
-    @apply my-4;
-    position: relative;
-    padding-top: 56.25%;
-  }
-
-  .prose .kg-embed-card iframe {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  .prose strong,
-  .prose b {
-    @apply text-gray-1000 dark:text-gray-50;
-  }
-
-  .prose pre {
-    @apply bg-gray-100 border border-gray-200 dark:border-gray-700 dark:bg-gray-800;
-  }
-
-  /* this is needed to avoid HN comments from overflowing off the right edge of the screen */
-  .prose p {
-    @apply break-words;
-    word-break: break-word;
-  }
-
-  .prose p + p {
-    margin-top: 0;
-  }
-
-  .prose code {
-    @apply text-gray-800 dark:text-gray-200 px-1 py-0.5 border border-gray-100 dark:border-gray-800 rounded-md bg-gray-100 dark:bg-gray-900;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
     @apply text-gray-700 dark:text-gray-300;
   }
 
-  .token.punctuation {
-    @apply text-gray-700 dark:text-gray-300;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.boolean,
-  .token.number,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    @apply text-green-500;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    @apply text-purple-500;
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string {
-    @apply text-yellow-500;
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.keyword {
-    @apply text-blue-500;
-  }
-
-  .token.function,
-  .token.class-name {
-    @apply text-pink-500;
-  }
-
-  .token.regex,
-  .token.important,
-  .token.variable {
-    @apply text-yellow-500;
+  .text-tertiary {
+    @apply text-gray-500 dark:text-gray-500;
   }
 
-  code[class*="language-"],
-  pre[class*="language-"] {
-    @apply text-gray-1000 dark:text-gray-50;
+  .text-quaternary {
+    @apply text-gray-400 dark:text-gray-600;
   }
 
   .timeline-inset {
@@ -341,6 +163,14 @@ html {
     }
   }
 
+  .filter-none {
+    filter: none;
+  }
+  
+  .filter-grayscale {
+    filter: grayscale(100%);
+  }
+
   .filter-saturate {
     -webkit-filter: brightness(105%) saturate(200%) contrast(1);
     filter: brightness(105%) saturate(200%) contrast(1);
@@ -349,4 +179,28 @@ html {
   .filter-blur {
     backdrop-filter: saturate(180%) blur(20px);
   }
+
+  .highlight-link-hover {
+    @apply px-0.5 -mx-0.5 no-underline hover:bg-yellow-400 rounded-sm dark:hover:bg-yellow-500 dark:bg-opacity-100 text-gray-1000 dark:text-gray-300 bg-opacity-20 hover:bg-opacity-30 dark:hover:bg-opacity-100 dark:hover:text-gray-1000;
+  }
+
+  .highlight-link {
+    @apply px-0.5 -mx-0.5 no-underline bg-yellow-400 rounded dark:bg-gray-100 dark:bg-opacity-20 text-gray-1000 dark:text-gray-300 bg-opacity-20 hover:bg-opacity-30 dark:hover:bg-yellow-500 dark:hover:bg-opacity-100 dark:hover:text-gray-1000;
+  }
+
+  .blink {
+    animation: blink-animation 1.5s steps(2, start) infinite;
+    -webkit-animation: blink-animation 1.5s steps(2, start) infinite;
+  }
+  
+  @keyframes blink-animation {
+    to {
+      visibility: hidden;
+    }
+  }
+  @-webkit-keyframes blink-animation {
+    to {
+      visibility: hidden;
+    }
+  }
 }
diff --git a/src/styles/prose-styles.css b/src/styles/prose-styles.css
new file mode 100644
index 000000000..fdee17a56
--- /dev/null
+++ b/src/styles/prose-styles.css
@@ -0,0 +1,79 @@
+.prose {
+  @apply text-gray-900 dark:text-gray-300;
+}
+
+.prose blockquote {
+  @apply font-normal border-l-2 border-gray-200 dark:border-gray-800;
+}
+
+.prose img {
+  @apply rounded-md;
+}
+
+.prose a {
+  @apply px-0.5 -mx-0.5 font-medium no-underline bg-yellow-400 rounded-sm dark:bg-gray-100 dark:bg-opacity-20 text-gray-1000 dark:text-gray-300 bg-opacity-20 hover:bg-opacity-30 dark:hover:bg-yellow-500 dark:hover:bg-opacity-100 dark:hover:text-gray-1000;
+}
+
+.prose a code {
+  @apply px-0.5 -mx-0.5 font-medium no-underline bg-yellow-400 rounded-sm dark:bg-gray-100 dark:bg-opacity-20 text-gray-1000 dark:text-gray-300 bg-opacity-20 hover:bg-opacity-30 dark:hover:bg-yellow-500 dark:hover:bg-opacity-100 dark:hover:text-gray-1000;
+}
+
+.prose table {
+  @apply text-gray-1000 dark:text-gray-50;
+}
+
+.prose b,
+.prose strong {
+  @apply font-bold text-gray-900 dark:text-gray-300;
+}
+
+/* the kg-embed-card gets applied to iframes sent from Ghost. this preserves a good video aspect ratio */
+.prose .kg-embed-card {
+  @apply my-4;
+  position: relative;
+  padding-top: 56.25%;
+}
+
+.prose .kg-embed-card iframe {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5,
+.prose h6 {
+  @apply font-sans font-extrabold;
+}
+
+.prose h5 {
+  @apply mt-10 -mb-3 text-2xl;
+}
+
+.prose pre {
+  @apply px-8 py-6 space-y-4 text-sm text-gray-800 bg-gray-400 border-gray-300 rounded bg-opacity-5 dark:border-gray-800 dark:text-gray-200;
+}
+
+/* this is needed to avoid HN comments from overflowing off the right edge of the screen */
+.prose p {
+  @apply break-words;
+  word-break: break-word;
+}
+
+.prose p + p {
+  margin-top: 0;
+}
+
+.prose code {
+  @apply text-gray-800 dark:text-gray-200 px-1 py-0.5 border-gray-100 dark:border-gray-800 bg-gray-100 dark:bg-gray-900;
+}
+
+.prose code,
+.prose pre {
+  @apply text-base;
+}
\ No newline at end of file
diff --git a/src/styles/syntax-highlighting.css b/src/styles/syntax-highlighting.css
new file mode 100644
index 000000000..7f489852d
--- /dev/null
+++ b/src/styles/syntax-highlighting.css
@@ -0,0 +1,124 @@
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  @apply text-gray-400 dark:text-gray-600;
+}
+
+.token.punctuation {
+  @apply text-gray-400 dark:text-gray-600;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  @apply text-green-500;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  @apply text-purple-500;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  @apply text-yellow-500;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  @apply text-blue-500;
+}
+
+.token.function,
+.token.class-name {
+  @apply text-pink-500;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  @apply text-yellow-500;
+}
+
+code[class*="language-"],
+pre[class*="language-"] {
+  @apply text-gray-800 bg-gray-100 dark:text-gray-200 font-code;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  white-space: normal;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index b9f0f516e..75f07a158 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,63 +1,47 @@
 const colors = require('tailwindcss/colors')
 
+const mono = [
+  'ui-monospace',
+  'SFMono-Regular',
+  'Menlo',
+  'Monaco',
+  'Consolas',
+  'Liberation Mono',
+  'Courier New',
+  'monospace',
+]
 module.exports = {
   purge: ['./src/**/*.tsx'],
-  darkMode: 'media', // 'media' or 'class'
-  theme: {
-    colors: {
-      yellow: colors.yellow,
-      purple: colors.purple,
-      blue: colors.blue,
-      gray: colors.gray,
-      red: colors.red,
-      green: colors.green,
-      pink: colors.pink,
-      indigo: colors.indigo,
-      white: '#fff',
+  darkMode: 'media',
+  variants: {
+    extend: {
+      opacity: ['disabled'],
+      textColor: ['disabled', 'visited'],
+      backgroundOpacity: ['disabled'],
     },
+  },
+  theme: {
     lineClamp: {
       1: 1,
       2: 2,
       3: 3,
     },
     extend: {
-      typography: (theme) => ({
-        DEFAULT: {
-          css: {
-            blockQuote: {
-              fontWeight: '400',
-            },
-            img: {
-              borderRadius: '8px',
-            },
-            h4: {
-              fontSize: '1.5rem',
-              fontWeight: '800',
-            },
-            h5: {
-              fontSize: '1.3rem',
-              marginTop: '2.5rem',
-              marginBottom: '-0.75rem',
-            },
-            a: {
-              color: theme('colors.blue.500'),
-              textDecoration: 'none',
-            },
-          },
-        },
-      }),
-      boxShadow: {
-        cardHover:
-          '0 4px 4.1px rgba(0, 0, 0, 0.012),0 4.9px 5.8px rgba(0, 0, 0, 0.018),0 6.3px 8.4px rgba(0, 0, 0, 0.029),0 8.8px 12.9px rgba(0, 0, 0, 0.05),0 15px 23px rgba(0, 0, 0, 0.11)',
+      fontFamily: {
+        mono: ['"iA Quattro"', ...mono],
+        code: mono,
+        sans:
+          'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
       },
       colors: {
+        white: '#fff',
+        gray: colors.trueGray,
         'gray-1000': '#050505',
       },
-    },
-  },
-  variants: {
-    extend: {
-      textColor: ['visited'],
+      boxShadow: {
+        cardHover:
+          '0 4px 4.1px rgba(0, 0, 0, 0.012),0 4.9px 5.8px rgba(0, 0, 0, 0.018),0 6.3px 8.4px rgba(0, 0, 0, 0.029),0 8.8px 12.9px rgba(0, 0, 0, 0.05),0 15px 23px rgba(0, 0, 0, 0.11)',
+      },
     },
   },
   plugins: [
diff --git a/yarn.lock b/yarn.lock
index bde870dd2..2d7a196bf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -115,10 +115,10 @@
   dependencies:
     "@babel/highlight" "^7.12.13"
 
-"@babel/compat-data@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.12.13.tgz#27e19e0ed3726ccf54067ced4109501765e7e2e8"
-  integrity sha512-U/hshG5R+SIoW7HVWIdmy1cB7s3ki+r3FpyEZiCgpi4tFgPnX/vynY80ZGSASOIrUM6O7VxOgCZgdt7h97bUGg==
+"@babel/compat-data@^7.13.0", "@babel/compat-data@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.13.8.tgz#5b783b9808f15cef71547f1b691f34f8ff6003a6"
+  integrity sha512-EaI33z19T4qN3xLXsGf48M2cDqa6ei9tPZlfLdb2HC+e/cFtREiRd8hdSqDbwdLB0/+gLwqJmCYASH0z2bUdog==
 
 "@babel/core@7.12.9":
   version "7.12.9"
@@ -143,32 +143,33 @@
     source-map "^0.5.0"
 
 "@babel/core@^7.0.0", "@babel/core@^7.0.1":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.17.tgz#993c5e893333107a2815d8e0d73a2c3755e280b2"
-  integrity sha512-V3CuX1aBywbJvV2yzJScRxeiiw0v2KZZYYE3giywxzFJL13RiyPjaaDwhDnxmgFTTS7FgvM2ijr4QmKNIu0AtQ==
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.13.8.tgz#c191d9c5871788a591d69ea1dc03e5843a3680fb"
+  integrity sha512-oYapIySGw1zGhEFRd6lzWNLWFX2s5dA/jm+Pw/+59ZdXtjyIuwlXbrId22Md0rgZVop+aVoqow2riXhBLNyuQg==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@babel/generator" "^7.12.17"
-    "@babel/helper-module-transforms" "^7.12.17"
-    "@babel/helpers" "^7.12.17"
-    "@babel/parser" "^7.12.17"
+    "@babel/generator" "^7.13.0"
+    "@babel/helper-compilation-targets" "^7.13.8"
+    "@babel/helper-module-transforms" "^7.13.0"
+    "@babel/helpers" "^7.13.0"
+    "@babel/parser" "^7.13.4"
     "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.12.17"
-    "@babel/types" "^7.12.17"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
+    gensync "^1.0.0-beta.2"
     json5 "^2.1.2"
     lodash "^4.17.19"
-    semver "^5.4.1"
+    semver "^6.3.0"
     source-map "^0.5.0"
 
-"@babel/generator@^7.12.13", "@babel/generator@^7.12.17", "@babel/generator@^7.12.5", "@babel/generator@^7.5.0":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.17.tgz#9ef1dd792d778b32284411df63f4f668a9957287"
-  integrity sha512-DSA7ruZrY4WI8VxuS1jWSRezFnghEoYEFrZcw9BizQRmOZiUsiHl59+qEARGPqPikwA/GPTyRCi7isuCK/oyqg==
+"@babel/generator@^7.12.13", "@babel/generator@^7.12.5", "@babel/generator@^7.13.0", "@babel/generator@^7.5.0":
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.13.9.tgz#3a7aa96f9efb8e2be42d38d80e2ceb4c64d8de39"
+  integrity sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==
   dependencies:
-    "@babel/types" "^7.12.17"
+    "@babel/types" "^7.13.0"
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
@@ -187,25 +188,25 @@
     "@babel/helper-explode-assignable-expression" "^7.12.13"
     "@babel/types" "^7.12.13"
 
-"@babel/helper-compilation-targets@^7.12.17":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.17.tgz#91d83fae61ef390d39c3f0507cb83979bab837c7"
-  integrity sha512-5EkibqLVYOuZ89BSg2lv+GG8feywLuvMXNYgf0Im4MssE0mFWPztSpJbildNnUgw0bLI2EsIN4MpSHC2iUJkQA==
+"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.13.8.tgz#02bdb22783439afb11b2f009814bdd88384bd468"
+  integrity sha512-pBljUGC1y3xKLn1nrx2eAhurLMA8OqBtBP/JwG4U8skN7kf8/aqwwxpV1N6T0e7r6+7uNitIa/fUxPFagSXp3A==
   dependencies:
-    "@babel/compat-data" "^7.12.13"
+    "@babel/compat-data" "^7.13.8"
     "@babel/helper-validator-option" "^7.12.17"
     browserslist "^4.14.5"
-    semver "^5.5.0"
+    semver "^6.3.0"
 
-"@babel/helper-create-class-features-plugin@^7.12.13":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.17.tgz#704b69c8a78d03fb1c5fcc2e7b593f8a65628944"
-  integrity sha512-I/nurmTxIxHV0M+rIpfQBF1oN342+yvl2kwZUrQuOClMamHF1w5tknfZubgNOLRoA73SzBFAdFcpb4M9HwOeWQ==
+"@babel/helper-create-class-features-plugin@^7.13.0":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.13.8.tgz#0367bd0a7505156ce018ca464f7ac91ba58c1a04"
+  integrity sha512-qioaRrKHQbn4hkRKDHbnuQ6kAxmmOF+kzKGnIfxPK4j2rckSJCpKzr/SSTlohSCiE3uAQpNDJ9FIh4baeE8W+w==
   dependencies:
     "@babel/helper-function-name" "^7.12.13"
-    "@babel/helper-member-expression-to-functions" "^7.12.17"
+    "@babel/helper-member-expression-to-functions" "^7.13.0"
     "@babel/helper-optimise-call-expression" "^7.12.13"
-    "@babel/helper-replace-supers" "^7.12.13"
+    "@babel/helper-replace-supers" "^7.13.0"
     "@babel/helper-split-export-declaration" "^7.12.13"
 
 "@babel/helper-create-regexp-features-plugin@^7.12.13":
@@ -216,12 +217,26 @@
     "@babel/helper-annotate-as-pure" "^7.12.13"
     regexpu-core "^4.7.1"
 
+"@babel/helper-define-polyfill-provider@^0.1.5":
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.1.5.tgz#3c2f91b7971b9fc11fe779c945c014065dea340e"
+  integrity sha512-nXuzCSwlJ/WKr8qxzW816gwyT6VZgiJG17zR40fou70yfAcqjoNyTLl/DQ+FExw5Hx5KNqshmN8Ldl/r2N7cTg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.13.0"
+    "@babel/helper-module-imports" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/traverse" "^7.13.0"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+    semver "^6.1.2"
+
 "@babel/helper-explode-assignable-expression@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.12.13.tgz#0e46990da9e271502f77507efa4c9918d3d8634a"
-  integrity sha512-5loeRNvMo9mx1dA/d6yNi+YiKziJZFylZnCo1nmFF4qPU4yJ14abhWESuSMQSlQxWdxdOFzxXjk/PpfudTtYyw==
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.13.0.tgz#17b5c59ff473d9f956f40ef570cf3a76ca12657f"
+  integrity sha512-qS0peLTDP8kOisG1blKbaoBg/o9OSa1qoumMjTK5pM+KDTtpxpsiubnCGP34vK8BXGcb2M9eigwgvoJryrzwWA==
   dependencies:
-    "@babel/types" "^7.12.13"
+    "@babel/types" "^7.13.0"
 
 "@babel/helper-function-name@^7.12.13":
   version "7.12.13"
@@ -239,19 +254,20 @@
   dependencies:
     "@babel/types" "^7.12.13"
 
-"@babel/helper-hoist-variables@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.12.13.tgz#13aba58b7480b502362316ea02f52cca0e9796cd"
-  integrity sha512-KSC5XSj5HreRhYQtZ3cnSnQwDzgnbdUDEFsxkN0m6Q3WrCRt72xrnZ8+h+pX7YxM7hr87zIO3a/v5p/H3TrnVw==
+"@babel/helper-hoist-variables@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.13.0.tgz#5d5882e855b5c5eda91e0cadc26c6e7a2c8593d8"
+  integrity sha512-0kBzvXiIKfsCA0y6cFEIJf4OdzfpRuNk4+YTeHZpGGc666SATFKTz6sRncwFnQk7/ugJ4dSrCj6iJuvW4Qwr2g==
   dependencies:
-    "@babel/types" "^7.12.13"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
 
-"@babel/helper-member-expression-to-functions@^7.12.13", "@babel/helper-member-expression-to-functions@^7.12.17":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.17.tgz#f82838eb06e1235307b6d71457b6670ff71ee5ac"
-  integrity sha512-Bzv4p3ODgS/qpBE0DiJ9qf5WxSmrQ8gVTe8ClMfwwsY2x/rhykxxy3bXzG7AGTnPB2ij37zGJ/Q/6FruxHxsxg==
+"@babel/helper-member-expression-to-functions@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.13.0.tgz#6aa4bb678e0f8c22f58cdb79451d30494461b091"
+  integrity sha512-yvRf8Ivk62JwisqV1rFRMxiSMDGnN6KH1/mDMmIrij4jztpQNRoHqqMG3U6apYbGRPJpgPalhva9Yd06HlUxJQ==
   dependencies:
-    "@babel/types" "^7.12.17"
+    "@babel/types" "^7.13.0"
 
 "@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.13":
   version "7.12.13"
@@ -260,19 +276,19 @@
   dependencies:
     "@babel/types" "^7.12.13"
 
-"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.12.13", "@babel/helper-module-transforms@^7.12.17":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.12.17.tgz#7c75b987d6dfd5b48e575648f81eaac891539509"
-  integrity sha512-sFL+p6zOCQMm9vilo06M4VHuTxUAwa6IxgL56Tq1DVtA0ziAGTH1ThmJq7xwPqdQlgAbKX3fb0oZNbtRIyA5KQ==
+"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.13.0.tgz#42eb4bd8eea68bab46751212c357bfed8b40f6f1"
+  integrity sha512-Ls8/VBwH577+pw7Ku1QkUWIyRRNHpYlts7+qSqBBFCW3I8QteB9DxfcZ5YJpOwH6Ihe/wn8ch7fMGOP1OhEIvw==
   dependencies:
     "@babel/helper-module-imports" "^7.12.13"
-    "@babel/helper-replace-supers" "^7.12.13"
+    "@babel/helper-replace-supers" "^7.13.0"
     "@babel/helper-simple-access" "^7.12.13"
     "@babel/helper-split-export-declaration" "^7.12.13"
     "@babel/helper-validator-identifier" "^7.12.11"
     "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.12.17"
-    "@babel/types" "^7.12.17"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
     lodash "^4.17.19"
 
 "@babel/helper-optimise-call-expression@^7.12.13":
@@ -287,29 +303,29 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
   integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.12.13.tgz#174254d0f2424d8aefb4dd48057511247b0a9eeb"
-  integrity sha512-C+10MXCXJLiR6IeG9+Wiejt9jmtFpxUc3MQqCmPY8hfCjyUGl9kT+B2okzEZrtykiwrc4dbCPdDoz0A/HQbDaA==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.13.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz#806526ce125aed03373bc416a828321e3a6a33af"
+  integrity sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==
 
-"@babel/helper-remap-async-to-generator@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.13.tgz#170365f4140e2d20e5c88f8ba23c24468c296878"
-  integrity sha512-Qa6PU9vNcj1NZacZZI1Mvwt+gXDH6CTfgAkSjeRMLE8HxtDK76+YDId6NQR+z7Rgd5arhD2cIbS74r0SxD6PDA==
+"@babel/helper-remap-async-to-generator@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.13.0.tgz#376a760d9f7b4b2077a9dd05aa9c3927cadb2209"
+  integrity sha512-pUQpFBE9JvC9lrQbpX0TmeNIy5s7GnZjna2lhhcHC7DzgBs6fWn722Y5cfwgrtrqc7NAJwMvOa0mKhq6XaE4jg==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.12.13"
-    "@babel/helper-wrap-function" "^7.12.13"
-    "@babel/types" "^7.12.13"
+    "@babel/helper-wrap-function" "^7.13.0"
+    "@babel/types" "^7.13.0"
 
-"@babel/helper-replace-supers@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.13.tgz#00ec4fb6862546bd3d0aff9aac56074277173121"
-  integrity sha512-pctAOIAMVStI2TMLhozPKbf5yTEXc0OJa0eENheb4w09SrgOWEs+P4nTOZYJQCqs8JlErGLDPDJTiGIp3ygbLg==
+"@babel/helper-replace-supers@^7.12.13", "@babel/helper-replace-supers@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.13.0.tgz#6034b7b51943094cb41627848cb219cb02be1d24"
+  integrity sha512-Segd5me1+Pz+rmN/NFBOplMbZG3SqRJOBlY+mA0SxAv6rjj7zJqr1AVr3SfzUVTLCv7ZLU5FycOM/SBGuLPbZw==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.12.13"
+    "@babel/helper-member-expression-to-functions" "^7.13.0"
     "@babel/helper-optimise-call-expression" "^7.12.13"
-    "@babel/traverse" "^7.12.13"
-    "@babel/types" "^7.12.13"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
 
 "@babel/helper-simple-access@^7.12.13":
   version "7.12.13"
@@ -342,29 +358,29 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.17.tgz#d1fbf012e1a79b7eebbfdc6d270baaf8d9eb9831"
   integrity sha512-TopkMDmLzq8ngChwRlyjR6raKD6gMSae4JdYDB8bByKreQgG0RBTuKe9LRxW3wFtUnjxOPRKBDwEH6Mg5KeDfw==
 
-"@babel/helper-wrap-function@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.12.13.tgz#e3ea8cb3ee0a16911f9c1b50d9e99fe8fe30f9ff"
-  integrity sha512-t0aZFEmBJ1LojdtJnhOaQEVejnzYhyjWHSsNSNo8vOYRbAJNh6r6GQF7pd36SqG7OKGbn+AewVQ/0IfYfIuGdw==
+"@babel/helper-wrap-function@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.13.0.tgz#bdb5c66fda8526ec235ab894ad53a1235c79fcc4"
+  integrity sha512-1UX9F7K3BS42fI6qd2A4BjKzgGjToscyZTdp1DjknHLCIvpgne6918io+aL5LXFcER/8QWiwpoY902pVEqgTXA==
   dependencies:
     "@babel/helper-function-name" "^7.12.13"
     "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.12.13"
-    "@babel/types" "^7.12.13"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
 
-"@babel/helpers@^7.12.17", "@babel/helpers@^7.12.5":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.12.17.tgz#71e03d2981a6b5ee16899964f4101dc8471d60bc"
-  integrity sha512-tEpjqSBGt/SFEsFikKds1sLNChKKGGR17flIgQKXH4fG6m9gTgl3gnOC1giHNyaBCSKuTfxaSzHi7UnvqiVKxg==
+"@babel/helpers@^7.12.5", "@babel/helpers@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.13.0.tgz#7647ae57377b4f0408bf4f8a7af01c42e41badc0"
+  integrity sha512-aan1MeFPxFacZeSz6Ld7YZo5aPuqnKlD7+HZY75xQsueczFccP9A7V05+oe0XpLwHK3oLorPe9eaAUljL7WEaQ==
   dependencies:
     "@babel/template" "^7.12.13"
-    "@babel/traverse" "^7.12.17"
-    "@babel/types" "^7.12.17"
+    "@babel/traverse" "^7.13.0"
+    "@babel/types" "^7.13.0"
 
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.12.13.tgz#8ab538393e00370b26271b01fa08f7f27f2e795c"
-  integrity sha512-kocDQvIbgMKlWxXe9fof3TQ+gkIPOUSEYhJjqUjvKMez3krV7vbzYCDq39Oj11UAVK7JqPVGQPlgE85dPNlQww==
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.13.8.tgz#10b2dac78526424dfc1f47650d0e415dfd9dc481"
+  integrity sha512-4vrIhfJyfNf+lCtXC2ck1rKSzDwciqF7IWFhXXrSOUC2O5DrVp+w4c6ed4AllTxhTkUP5x2tYj41VaxdVMMRDw==
   dependencies:
     "@babel/helper-validator-identifier" "^7.12.11"
     chalk "^2.0.0"
@@ -375,35 +391,35 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.16.tgz#cc31257419d2c3189d394081635703f549fc1ed4"
   integrity sha512-c/+u9cqV6F0+4Hpq01jnJO+GLp2DdT63ppz9Xa+6cHaajM9VFzK/iDXiKK65YtpeVwu+ctfS6iqlMqRgQRzeCw==
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.12.13", "@babel/parser@^7.12.17", "@babel/parser@^7.12.7", "@babel/parser@^7.7.0":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.17.tgz#bc85d2d47db38094e5bb268fc761716e7d693848"
-  integrity sha512-r1yKkiUTYMQ8LiEI0UcQx5ETw5dpTLn9wijn9hk6KkTtOK95FndDN10M+8/s6k/Ymlbivw0Av9q4SlgF80PtHg==
+"@babel/parser@^7.0.0", "@babel/parser@^7.12.13", "@babel/parser@^7.12.7", "@babel/parser@^7.13.0", "@babel/parser@^7.13.4", "@babel/parser@^7.7.0":
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.13.9.tgz#ca34cb95e1c2dd126863a84465ae8ef66114be99"
+  integrity sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw==
 
-"@babel/plugin-proposal-async-generator-functions@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.13.tgz#d1c6d841802ffb88c64a2413e311f7345b9e66b5"
-  integrity sha512-1KH46Hx4WqP77f978+5Ye/VUbuwQld2hph70yaw2hXS2v7ER2f3nlpNMu909HO2rbvP0NKLlMVDPh9KXklVMhA==
+"@babel/plugin-proposal-async-generator-functions@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.13.8.tgz#87aacb574b3bc4b5603f6fe41458d72a5a2ec4b1"
+  integrity sha512-rPBnhj+WgoSmgq+4gQUtXx/vOcU+UYtjy1AA/aeD61Hwj410fwYyqfUcRP3lR8ucgliVJL/G7sXcNUecC75IXA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/helper-remap-async-to-generator" "^7.12.13"
-    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/helper-remap-async-to-generator" "^7.13.0"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.13.tgz#3d2ce350367058033c93c098e348161d6dc0d8c8"
-  integrity sha512-8SCJ0Ddrpwv4T7Gwb33EmW1V9PY5lggTO+A8WjyIwxrSHDUyBw4MtF96ifn1n8H806YlxbVCoKXbbmzD6RD+cA==
+"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.13.0.tgz#146376000b94efd001e57a40a88a525afaab9f37"
+  integrity sha512-KnTDjFNC1g+45ka0myZNvSBFLhNCLN+GeGYLDEA8Oq7MZ6yMgfLoIRh86GRT0FjtJhZw8JyUskP9uvj5pHM9Zg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-create-class-features-plugin" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
-"@babel/plugin-proposal-dynamic-import@^7.12.17":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.17.tgz#e0ebd8db65acc37eac518fa17bead2174e224512"
-  integrity sha512-ZNGoFZqrnuy9H2izB2jLlnNDAfVPlGl5NhFEiFe4D84ix9GQGygF+CWMGHKuE+bpyS/AOuDQCnkiRNqW2IzS1Q==
+"@babel/plugin-proposal-dynamic-import@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.13.8.tgz#876a1f6966e1dec332e8c9451afda3bebcdf2e1d"
+  integrity sha512-ONWKj0H6+wIRCkZi9zSbZtE/r73uOhMVHh256ys0UzfM7I3d4n+spZNWjOnJv2gzopumP2Wxi186vI8N0Y2JyQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
 
 "@babel/plugin-proposal-export-namespace-from@^7.12.13":
   version "7.12.13"
@@ -413,29 +429,29 @@
     "@babel/helper-plugin-utils" "^7.12.13"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
-"@babel/plugin-proposal-json-strings@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.13.tgz#ced7888a2db92a3d520a2e35eb421fdb7fcc9b5d"
-  integrity sha512-v9eEi4GiORDg8x+Dmi5r8ibOe0VXoKDeNPYcTTxdGN4eOWikrJfDJCJrr1l5gKGvsNyGJbrfMftC2dTL6oz7pg==
+"@babel/plugin-proposal-json-strings@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.13.8.tgz#bf1fb362547075afda3634ed31571c5901afef7b"
+  integrity sha512-w4zOPKUFPX1mgvTmL/fcEqy34hrQ1CRcGxdphBc6snDnnqJ47EZDIyop6IwXzAC8G916hsIuXB2ZMBCExC5k7Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
 
-"@babel/plugin-proposal-logical-assignment-operators@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.13.tgz#575b5d9a08d8299eeb4db6430da6e16e5cf14350"
-  integrity sha512-fqmiD3Lz7jVdK6kabeSr1PZlWSUVqSitmHEe3Z00dtGTKieWnX9beafvavc32kjORa5Bai4QNHgFDwWJP+WtSQ==
+"@babel/plugin-proposal-logical-assignment-operators@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.13.8.tgz#93fa78d63857c40ce3c8c3315220fd00bfbb4e1a"
+  integrity sha512-aul6znYB4N4HGweImqKn59Su9RS8lbUIqxtXTOcAGtNIDczoEFv+l1EhmX8rUBp3G1jMjKJm8m0jXVp63ZpS4A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.13.tgz#24867307285cee4e1031170efd8a7ac807deefde"
-  integrity sha512-Qoxpy+OxhDBI5kRqliJFAl4uWXk3Bn24WeFstPH0iLymFehSAUR8MHpqU7njyXv/qbo7oN6yTy5bfCmXdKpo1Q==
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.13.8.tgz#3730a31dafd3c10d8ccd10648ed80a2ac5472ef3"
+  integrity sha512-iePlDPBn//UhxExyS9KyeYU7RM9WScAG+D3Hhno0PLJebAEpDZMocbDe64eqynhNAnwz/vZoL/q/QB2T1OH39A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
 "@babel/plugin-proposal-numeric-separator@^7.12.13":
   version "7.12.13"
@@ -454,39 +470,41 @@
     "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
     "@babel/plugin-transform-parameters" "^7.12.1"
 
-"@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.13.tgz#f93f3116381ff94bc676fdcb29d71045cd1ec011"
-  integrity sha512-WvA1okB/0OS/N3Ldb3sziSrXg6sRphsBgqiccfcQq7woEn5wQLNX82Oc4PlaFcdwcWHuQXAtb8ftbS8Fbsg/sg==
+"@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.13.8.tgz#5d210a4d727d6ce3b18f9de82cc99a3964eed60a"
+  integrity sha512-DhB2EuB1Ih7S3/IRX5AFVgZ16k3EzfRbq97CxAVI1KSYcW+lexV8VZb7G7L8zuPVSdQMRn0kiBpf/Yzu9ZKH0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-    "@babel/plugin-transform-parameters" "^7.12.13"
+    "@babel/compat-data" "^7.13.8"
+    "@babel/helper-compilation-targets" "^7.13.8"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.13.0"
 
-"@babel/plugin-proposal-optional-catch-binding@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.13.tgz#4640520afe57728af14b4d1574ba844f263bcae5"
-  integrity sha512-9+MIm6msl9sHWg58NvqpNpLtuFbmpFYk37x8kgnGzAHvX35E1FyAwSUt5hIkSoWJFSAH+iwU8bJ4fcD1zKXOzg==
+"@babel/plugin-proposal-optional-catch-binding@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.13.8.tgz#3ad6bd5901506ea996fc31bdcf3ccfa2bed71107"
+  integrity sha512-0wS/4DUF1CuTmGo+NiaHfHcVSeSLj5S3e6RivPTg/2k3wOv3jO35tZ6/ZWsQhQMvdgI7CwphjQa/ccarLymHVA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.12.17":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.17.tgz#e382becadc2cb16b7913b6c672d92e4b33385b5c"
-  integrity sha512-TvxwI80pWftrGPKHNfkvX/HnoeSTR7gC4ezWnAL39PuktYUe6r8kEpOLTYnkBTsaoeazXm2jHJ22EQ81sdgfcA==
+"@babel/plugin-proposal-optional-chaining@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.13.8.tgz#e39df93efe7e7e621841babc197982e140e90756"
+  integrity sha512-hpbBwbTgd7Cz1QryvwJZRo1U0k1q8uyBmeXOSQUjdg/A2TASkhR/rz7AyqZ/kS8kbpsNA80rOYbxySBJAqmhhQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-"@babel/plugin-proposal-private-methods@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.13.tgz#ea78a12554d784ecf7fc55950b752d469d9c4a71"
-  integrity sha512-sV0V57uUwpauixvR7s2o75LmwJI6JECwm5oPUY5beZB1nBl2i37hc7CJGqB5G+58fur5Y6ugvl3LRONk5x34rg==
+"@babel/plugin-proposal-private-methods@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.13.0.tgz#04bd4c6d40f6e6bbfa2f57e2d8094bad900ef787"
+  integrity sha512-MXyyKQd9inhx1kDYPkFRVOBXQ20ES8Pto3T7UZ92xj2mY0EVD8oAVzeyYuVfy/mxAdTSIayOvg+aVzcHV2bn6Q==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-create-class-features-plugin" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-proposal-unicode-property-regex@^7.12.13", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.12.13"
@@ -496,7 +514,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.12.13"
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-async-generators@^7.8.0":
+"@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
   integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
@@ -510,7 +528,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-dynamic-import@^7.8.0":
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
   integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
@@ -531,7 +549,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-json-strings@^7.8.0":
+"@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
   integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
@@ -559,7 +577,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
   integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
@@ -573,21 +591,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-object-rest-spread@7.8.3", "@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.8.0":
+"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
   integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-optional-catch-binding@^7.8.0":
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
   integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-optional-chaining@^7.8.0":
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
   integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
@@ -601,21 +619,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-transform-arrow-functions@^7.0.0", "@babel/plugin-transform-arrow-functions@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.13.tgz#eda5670b282952100c229f8a3bd49e0f6a72e9fe"
-  integrity sha512-tBtuN6qtCTd+iHzVZVOMNp+L04iIJBpqkdY42tWbmjIT5wvR2kx7gxMBsyhQtFzHwBbyGi9h8J8r9HgnOpQHxg==
+"@babel/plugin-transform-arrow-functions@^7.0.0", "@babel/plugin-transform-arrow-functions@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.13.0.tgz#10a59bebad52d637a027afa692e8d5ceff5e3dae"
+  integrity sha512-96lgJagobeVmazXFaDrbmCLQxBysKu7U6Do3mLsx27gf5Dk85ezysrs2BZUpXD703U/Su1xTBDxxar2oa4jAGg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
-"@babel/plugin-transform-async-to-generator@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.13.tgz#fed8c69eebf187a535bfa4ee97a614009b24f7ae"
-  integrity sha512-psM9QHcHaDr+HZpRuJcE1PXESuGWSCcbiGFFhhwfzdbTxaGDVzuVtdNYliAwcRo3GFg0Bc8MmI+AvIGYIJG04A==
+"@babel/plugin-transform-async-to-generator@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.13.0.tgz#8e112bf6771b82bf1e974e5e26806c5c99aa516f"
+  integrity sha512-3j6E004Dx0K3eGmhxVJxwwI89CTJrce7lg3UrtFuDAVQ/2+SJ/h/aSFOeE6/n0WB1GsOffsJp6MnPQNQ8nmwhg==
   dependencies:
     "@babel/helper-module-imports" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/helper-remap-async-to-generator" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/helper-remap-async-to-generator" "^7.13.0"
 
 "@babel/plugin-transform-block-scoped-functions@^7.0.0", "@babel/plugin-transform-block-scoped-functions@^7.12.13":
   version "7.12.13"
@@ -631,32 +649,32 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.13.tgz#9728edc1838b5d62fc93ad830bd523b1fcb0e1f6"
-  integrity sha512-cqZlMlhCC1rVnxE5ZGMtIb896ijL90xppMiuWXcwcOAuFczynpd3KYemb91XFFPi3wJSe/OcrX9lXoowatkkxA==
+"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.13.0.tgz#0265155075c42918bf4d3a4053134176ad9b533b"
+  integrity sha512-9BtHCPUARyVH1oXGcSJD3YpsqRLROJx5ZNP6tN5vnk17N0SVf9WCtf8Nuh1CFmgByKKAIMstitKduoCmsaDK5g==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.12.13"
     "@babel/helper-function-name" "^7.12.13"
     "@babel/helper-optimise-call-expression" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
-    "@babel/helper-replace-supers" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
+    "@babel/helper-replace-supers" "^7.13.0"
     "@babel/helper-split-export-declaration" "^7.12.13"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.0.0", "@babel/plugin-transform-computed-properties@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.13.tgz#6a210647a3d67f21f699cfd2a01333803b27339d"
-  integrity sha512-dDfuROUPGK1mTtLKyDPUavmj2b6kFu82SmgpztBFEO974KMjJT+Ytj3/oWsTUMBmgPcp9J5Pc1SlcAYRpJ2hRA==
+"@babel/plugin-transform-computed-properties@^7.0.0", "@babel/plugin-transform-computed-properties@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.13.0.tgz#845c6e8b9bb55376b1fa0b92ef0bdc8ea06644ed"
+  integrity sha512-RRqTYTeZkZAz8WbieLTvKUEUxZlUTdmL5KGMyZj7FnMfLNKV4+r5549aORG/mgojRmFlQMJDUupwAMiF2Q7OUg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
-"@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.13.tgz#fc56c5176940c5b41735c677124d1d20cecc9aeb"
-  integrity sha512-Dn83KykIFzjhA3FDPA1z4N+yfF3btDGhjnJwxIj0T43tP0flCujnU8fKgEkf0C1biIpSv9NZegPBQ1J6jYkwvQ==
+"@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.13.0.tgz#c5dce270014d4e1ebb1d806116694c12b7028963"
+  integrity sha512-zym5em7tePoNT9s964c0/KU3JPPnuq7VhIxPRefJ4/s82cD+q1mgKfuGRDMCPL0HTyKz4dISuQlCusfgCJ86HA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-transform-dotall-regex@^7.12.13", "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.12.13"
@@ -682,19 +700,19 @@
     "@babel/helper-plugin-utils" "^7.12.13"
 
 "@babel/plugin-transform-flow-strip-types@^7.0.0":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.12.13.tgz#b439c43116dc60fb45b7efd2e1db91897b7c8f4b"
-  integrity sha512-39/t9HtN+Jlc7EEY6oCSCf3kRrKIl2JULOGPnHZiaRjoYZEFaDXDZI32uE2NosQRh8o6N9B+8iGvDK7ToJhJaw==
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.13.0.tgz#58177a48c209971e8234e99906cb6bd1122addd3"
+  integrity sha512-EXAGFMJgSX8gxWD7PZtW/P6M+z74jpx3wm/+9pn+c2dOawPpBkUX7BrfyPvo6ZpXbgRIEuwgwDb/MGlKvu2pOg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/plugin-syntax-flow" "^7.12.13"
 
-"@babel/plugin-transform-for-of@^7.0.0", "@babel/plugin-transform-for-of@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.13.tgz#561ff6d74d9e1c8879cb12dbaf4a14cd29d15cf6"
-  integrity sha512-xCbdgSzXYmHGyVX3+BsQjcd4hv4vA/FDy7Kc8eOpzKmBBPEOTurt0w5fCRQaGl+GSBORKgJdstQ1rHl4jbNseQ==
+"@babel/plugin-transform-for-of@^7.0.0", "@babel/plugin-transform-for-of@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.13.0.tgz#c799f881a8091ac26b54867a845c3e97d2696062"
+  integrity sha512-IHKT00mwUVYE0zzbkDgNRP6SRzvfGCYsOxIRz8KsiaaHCcT9BWIkO+H9QRJseHBLOGBZkHUdHiqj6r0POsdytg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-transform-function-name@^7.0.0", "@babel/plugin-transform-function-name@^7.12.13":
   version "7.12.13"
@@ -718,43 +736,43 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-transform-modules-amd@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.13.tgz#43db16249b274ee2e551e2422090aa1c47692d56"
-  integrity sha512-JHLOU0o81m5UqG0Ulz/fPC68/v+UTuGTWaZBUwpEk1fYQ1D9LfKV6MPn4ttJKqRo5Lm460fkzjLTL4EHvCprvA==
+"@babel/plugin-transform-modules-amd@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.13.0.tgz#19f511d60e3d8753cc5a6d4e775d3a5184866cc3"
+  integrity sha512-EKy/E2NHhY/6Vw5d1k3rgoobftcNUmp9fGjb9XZwQLtTctsRBOTRO7RHHxfIky1ogMN5BxN7p9uMA3SzPfotMQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-module-transforms" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.13.tgz#5043b870a784a8421fa1fd9136a24f294da13e50"
-  integrity sha512-OGQoeVXVi1259HjuoDnsQMlMkT9UkZT9TpXAsqWplS/M0N1g3TJAn/ByOCeQu7mfjc5WpSsRU+jV1Hd89ts0kQ==
+"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.13.8.tgz#7b01ad7c2dcf2275b06fa1781e00d13d420b3e1b"
+  integrity sha512-9QiOx4MEGglfYZ4XOnU79OHr6vIWUakIj9b4mioN8eQIoEh+pf5p/zEB36JpDFWA12nNMiRf7bfoRvl9Rn79Bw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-module-transforms" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-simple-access" "^7.12.13"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-systemjs@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.13.tgz#351937f392c7f07493fc79b2118201d50404a3c5"
-  integrity sha512-aHfVjhZ8QekaNF/5aNdStCGzwTbU7SI5hUybBKlMzqIMC7w7Ho8hx5a4R/DkTHfRfLwHGGxSpFt9BfxKCoXKoA==
+"@babel/plugin-transform-modules-systemjs@^7.13.8":
+  version "7.13.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.13.8.tgz#6d066ee2bff3c7b3d60bf28dec169ad993831ae3"
+  integrity sha512-hwqctPYjhM6cWvVIlOIe27jCIBgHCsdH2xCJVAYQm7V5yTMoilbVMi9f6wKg0rpQAOn6ZG4AOyvCqFF/hUh6+A==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.12.13"
-    "@babel/helper-module-transforms" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-hoist-variables" "^7.13.0"
+    "@babel/helper-module-transforms" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-validator-identifier" "^7.12.11"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-umd@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.13.tgz#26c66f161d3456674e344b4b1255de4d530cfb37"
-  integrity sha512-BgZndyABRML4z6ibpi7Z98m4EVLFI9tVsZDADC14AElFaNHHBcJIovflJ6wtCqFxwy2YJ1tJhGRsr0yLPKoN+w==
+"@babel/plugin-transform-modules-umd@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.13.0.tgz#8a3d96a97d199705b9fd021580082af81c06e70b"
+  integrity sha512-D/ILzAh6uyvkWjKKyFE/W0FzWwasv6vPTSqPcjxFqn6QpX3u8DjRVliq4F2BamO2Wee/om06Vyy+vPkNrd4wxw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-module-transforms" "^7.13.0"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-transform-named-capturing-groups-regex@^7.12.13":
   version "7.12.13"
@@ -778,12 +796,12 @@
     "@babel/helper-plugin-utils" "^7.12.13"
     "@babel/helper-replace-supers" "^7.12.13"
 
-"@babel/plugin-transform-parameters@^7.0.0", "@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.12.13.tgz#461e76dfb63c2dfd327b8a008a9e802818ce9853"
-  integrity sha512-e7QqwZalNiBRHCpJg/P8s/VJeSRYgmtWySs1JwvfwPqhBbiWfOcHDKdeAi6oAyIimoKWBlwc8oTgbZHdhCoVZA==
+"@babel/plugin-transform-parameters@^7.0.0", "@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.13.0.tgz#8fa7603e3097f9c0b7ca1a4821bc2fb52e9e5007"
+  integrity sha512-Jt8k/h/mIwE2JFEOb3lURoY5C85ETcYPnbuAJ96zRBzh1XHtQZfs62ChZ6EP22QlC8c7Xqr9q+e1SU5qttwwjw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-transform-property-literals@^7.0.0", "@babel/plugin-transform-property-literals@^7.12.13":
   version "7.12.13"
@@ -831,12 +849,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-transform-spread@^7.0.0", "@babel/plugin-transform-spread@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.13.tgz#ca0d5645abbd560719c354451b849f14df4a7949"
-  integrity sha512-dUCrqPIowjqk5pXsx1zPftSq4sT0aCeZVAxhdgs3AMgyaDmoUT0G+5h3Dzja27t76aUEIJWlFgPJqJ/d4dbTtg==
+"@babel/plugin-transform-spread@^7.0.0", "@babel/plugin-transform-spread@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.13.0.tgz#84887710e273c1815ace7ae459f6f42a5d31d5fd"
+  integrity sha512-V6vkiXijjzYeFmQTr3dBxPtZYLPcUfY34DebOU27jIl2M/Y8Egm52Hw82CSjjPqd54GTlJs5x+CR7HeNr24ckg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
 
 "@babel/plugin-transform-sticky-regex@^7.12.13":
@@ -846,12 +864,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-transform-template-literals@^7.0.0", "@babel/plugin-transform-template-literals@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.13.tgz#655037b07ebbddaf3b7752f55d15c2fd6f5aa865"
-  integrity sha512-arIKlWYUgmNsF28EyfmiQHJLJFlAJNYkuQO10jL46ggjBpeb2re1P9K9YGxNJB45BqTbaslVysXDYm/g3sN/Qg==
+"@babel/plugin-transform-template-literals@^7.0.0", "@babel/plugin-transform-template-literals@^7.13.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.13.0.tgz#a36049127977ad94438dee7443598d1cefdf409d"
+  integrity sha512-d67umW6nlfmr1iehCcBv69eSUSySk1EsIS8aTDX4Xo9qajAh6mYtcl4kJrBkGXuxZPEgVr7RVfAvNW6YQkd4Mw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.13.0"
 
 "@babel/plugin-transform-typeof-symbol@^7.12.13":
   version "7.12.13"
@@ -876,78 +894,80 @@
     "@babel/helper-plugin-utils" "^7.12.13"
 
 "@babel/preset-env@^7.0.0":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.17.tgz#94a3793ff089c32ee74d76a3c03a7597693ebaaa"
-  integrity sha512-9PMijx8zFbCwTHrd2P4PJR5nWGH3zWebx2OcpTjqQrHhCiL2ssSR2Sc9ko2BsI2VmVBfoaQmPrlMTCui4LmXQg==
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.13.9.tgz#3ee5f233316b10d066d7f379c6d1e13a96853654"
+  integrity sha512-mcsHUlh2rIhViqMG823JpscLMesRt3QbMsv1+jhopXEb3W2wXvQ9QoiOlZI9ZbR3XqPtaFpZwEZKYqGJnGMZTQ==
   dependencies:
-    "@babel/compat-data" "^7.12.13"
-    "@babel/helper-compilation-targets" "^7.12.17"
-    "@babel/helper-module-imports" "^7.12.13"
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/compat-data" "^7.13.8"
+    "@babel/helper-compilation-targets" "^7.13.8"
+    "@babel/helper-plugin-utils" "^7.13.0"
     "@babel/helper-validator-option" "^7.12.17"
-    "@babel/plugin-proposal-async-generator-functions" "^7.12.13"
-    "@babel/plugin-proposal-class-properties" "^7.12.13"
-    "@babel/plugin-proposal-dynamic-import" "^7.12.17"
+    "@babel/plugin-proposal-async-generator-functions" "^7.13.8"
+    "@babel/plugin-proposal-class-properties" "^7.13.0"
+    "@babel/plugin-proposal-dynamic-import" "^7.13.8"
     "@babel/plugin-proposal-export-namespace-from" "^7.12.13"
-    "@babel/plugin-proposal-json-strings" "^7.12.13"
-    "@babel/plugin-proposal-logical-assignment-operators" "^7.12.13"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.13"
+    "@babel/plugin-proposal-json-strings" "^7.13.8"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.13.8"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.13.8"
     "@babel/plugin-proposal-numeric-separator" "^7.12.13"
-    "@babel/plugin-proposal-object-rest-spread" "^7.12.13"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.12.13"
-    "@babel/plugin-proposal-optional-chaining" "^7.12.17"
-    "@babel/plugin-proposal-private-methods" "^7.12.13"
+    "@babel/plugin-proposal-object-rest-spread" "^7.13.8"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.13.8"
+    "@babel/plugin-proposal-optional-chaining" "^7.13.8"
+    "@babel/plugin-proposal-private-methods" "^7.13.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.12.13"
-    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.12.13"
-    "@babel/plugin-transform-arrow-functions" "^7.12.13"
-    "@babel/plugin-transform-async-to-generator" "^7.12.13"
+    "@babel/plugin-transform-arrow-functions" "^7.13.0"
+    "@babel/plugin-transform-async-to-generator" "^7.13.0"
     "@babel/plugin-transform-block-scoped-functions" "^7.12.13"
     "@babel/plugin-transform-block-scoping" "^7.12.13"
-    "@babel/plugin-transform-classes" "^7.12.13"
-    "@babel/plugin-transform-computed-properties" "^7.12.13"
-    "@babel/plugin-transform-destructuring" "^7.12.13"
+    "@babel/plugin-transform-classes" "^7.13.0"
+    "@babel/plugin-transform-computed-properties" "^7.13.0"
+    "@babel/plugin-transform-destructuring" "^7.13.0"
     "@babel/plugin-transform-dotall-regex" "^7.12.13"
     "@babel/plugin-transform-duplicate-keys" "^7.12.13"
     "@babel/plugin-transform-exponentiation-operator" "^7.12.13"
-    "@babel/plugin-transform-for-of" "^7.12.13"
+    "@babel/plugin-transform-for-of" "^7.13.0"
     "@babel/plugin-transform-function-name" "^7.12.13"
     "@babel/plugin-transform-literals" "^7.12.13"
     "@babel/plugin-transform-member-expression-literals" "^7.12.13"
-    "@babel/plugin-transform-modules-amd" "^7.12.13"
-    "@babel/plugin-transform-modules-commonjs" "^7.12.13"
-    "@babel/plugin-transform-modules-systemjs" "^7.12.13"
-    "@babel/plugin-transform-modules-umd" "^7.12.13"
+    "@babel/plugin-transform-modules-amd" "^7.13.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.13.8"
+    "@babel/plugin-transform-modules-systemjs" "^7.13.8"
+    "@babel/plugin-transform-modules-umd" "^7.13.0"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.12.13"
     "@babel/plugin-transform-new-target" "^7.12.13"
     "@babel/plugin-transform-object-super" "^7.12.13"
-    "@babel/plugin-transform-parameters" "^7.12.13"
+    "@babel/plugin-transform-parameters" "^7.13.0"
     "@babel/plugin-transform-property-literals" "^7.12.13"
     "@babel/plugin-transform-regenerator" "^7.12.13"
     "@babel/plugin-transform-reserved-words" "^7.12.13"
     "@babel/plugin-transform-shorthand-properties" "^7.12.13"
-    "@babel/plugin-transform-spread" "^7.12.13"
+    "@babel/plugin-transform-spread" "^7.13.0"
     "@babel/plugin-transform-sticky-regex" "^7.12.13"
-    "@babel/plugin-transform-template-literals" "^7.12.13"
+    "@babel/plugin-transform-template-literals" "^7.13.0"
     "@babel/plugin-transform-typeof-symbol" "^7.12.13"
     "@babel/plugin-transform-unicode-escapes" "^7.12.13"
     "@babel/plugin-transform-unicode-regex" "^7.12.13"
-    "@babel/preset-modules" "^0.1.3"
-    "@babel/types" "^7.12.17"
-    core-js-compat "^3.8.0"
-    semver "^5.5.0"
-
-"@babel/preset-modules@^0.1.3":
+    "@babel/preset-modules" "^0.1.4"
+    "@babel/types" "^7.13.0"
+    babel-plugin-polyfill-corejs2 "^0.1.4"
+    babel-plugin-polyfill-corejs3 "^0.1.3"
+    babel-plugin-polyfill-regenerator "^0.1.2"
+    core-js-compat "^3.9.0"
+    semver "^6.3.0"
+
+"@babel/preset-modules@^0.1.4":
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.4.tgz#362f2b68c662842970fdb5e254ffc8fc1c2e415e"
   integrity sha512-J36NhwnfdzpmH41M1DrnkkgAqhZaqr/NBdPfQ677mLzlaXo+oDiv1deyCDtgAhz8p328otdob0Du7+xgHGZbKg==
@@ -959,9 +979,9 @@
     esutils "^2.0.2"
 
 "@babel/runtime-corejs3@^7.10.2":
-  version "7.12.18"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.12.18.tgz#e5663237e5658e4c09586995d2dd6d2c8cfd6fc0"
-  integrity sha512-ngR7yhNTjDxxe1VYmhqQqqXZWujGb6g0IoA4qeG6MxNGRnIw2Zo8ImY8HfaQ7l3T6GklWhdNfyhWk0C0iocdVA==
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.13.9.tgz#b2fa9a6e5690ef8d4c4f2d30cac3ec1a8bb633ce"
+  integrity sha512-p6WSr71+5u/VBf1KDS/Y4dK3ZwbV+DD6wQO3X2EbUVluEOiyXUk09DzcwSaUH4WomYXrEPC+i2rqzuthhZhOJw==
   dependencies:
     core-js-pure "^3.0.0"
     regenerator-runtime "^0.13.4"
@@ -974,9 +994,9 @@
     regenerator-runtime "^0.13.4"
 
 "@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4":
-  version "7.12.18"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.18.tgz#af137bd7e7d9705a412b3caaf991fe6aaa97831b"
-  integrity sha512-BogPQ7ciE6SYAUPtlm9tWbgI9+2AgqSam6QivMgXgAT+fKbgppaj4ZX15MHeLC1PVF5sNk70huBu20XxWOs8Cg==
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.13.9.tgz#97dbe2116e2630c489f22e0656decd60aaa1fcee"
+  integrity sha512-aY2kU+xgJ3dJ1eU6FMB9EH8dIe8dmusF1xEku52joLvw6eAFN0AI+WxCLDnpev2LEejWBAy2sBvBOBAjI3zmvA==
   dependencies:
     regenerator-runtime "^0.13.4"
 
@@ -1004,17 +1024,17 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.12.13", "@babel/traverse@^7.12.17", "@babel/traverse@^7.12.9", "@babel/traverse@^7.7.0":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.17.tgz#40ec8c7ffb502c4e54c7f95492dc11b88d718619"
-  integrity sha512-LGkTqDqdiwC6Q7fWSwQoas/oyiEYw6Hqjve5KOSykXkmFJFqzvGMb9niaUEag3Rlve492Mkye3gLw9FTv94fdQ==
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.7.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.13.0.tgz#6d95752475f86ee7ded06536de309a65fc8966cc"
+  integrity sha512-xys5xi5JEhzC3RzEmSGrs/b3pJW/o87SypZ+G/PhaE7uqVQNv/jlmVIBXuoh5atqQ434LfXV+sf23Oxj0bchJQ==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@babel/generator" "^7.12.17"
+    "@babel/generator" "^7.13.0"
     "@babel/helper-function-name" "^7.12.13"
     "@babel/helper-split-export-declaration" "^7.12.13"
-    "@babel/parser" "^7.12.17"
-    "@babel/types" "^7.12.17"
+    "@babel/parser" "^7.13.0"
+    "@babel/types" "^7.13.0"
     debug "^4.1.0"
     globals "^11.1.0"
     lodash "^4.17.19"
@@ -1037,10 +1057,10 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.12.17", "@babel/types@^7.12.7", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
-  version "7.12.17"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.17.tgz#9d711eb807e0934c90b8b1ca0eb1f7230d150963"
-  integrity sha512-tNMDjcv/4DIcHxErTgwB9q2ZcYyN0sUfgGKUK/mm1FJK7Wz+KstoEekxrl/tBiNDgLK1HGi+sppj1An/1DR4fQ==
+"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.12.17", "@babel/types@^7.12.7", "@babel/types@^7.13.0", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.0.tgz#74424d2816f0171b4100f0ab34e9a374efdf7f80"
+  integrity sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==
   dependencies:
     "@babel/helper-validator-identifier" "^7.12.11"
     lodash "^4.17.19"
@@ -1344,9 +1364,9 @@
     teeny-request "^7.0.0"
 
 "@google-cloud/firestore@^4.5.0":
-  version "4.9.4"
-  resolved "https://registry.yarnpkg.com/@google-cloud/firestore/-/firestore-4.9.4.tgz#133d25c0c70d638e4bef3bfdbfb259fd5d0c538e"
-  integrity sha512-qtM00LqQVYWEk6DgFcP0SsNREmbkCdKA2tm5r4WL16X2/CC35egzVrVYTveKszGQ49PL216M4wW4czfW+DMEgg==
+  version "4.9.6"
+  resolved "https://registry.yarnpkg.com/@google-cloud/firestore/-/firestore-4.9.6.tgz#03d45015e79b97d227962b1e890424255a323b1a"
+  integrity sha512-GYFOInoirAQaVKEgZqVv/XH232faG/cfW80IWOz9RCZJHeITRj71O/TpVG/zrJoge+cu3bes+VJgBkxa2HR9Dg==
   dependencies:
     fast-deep-equal "^3.1.1"
     functional-red-black-tree "^1.0.1"
@@ -1372,9 +1392,9 @@
   integrity sha512-d4VSA86eL/AFTe5xtyZX+ePUjE8dIFu2T8zmdeNBSa5/kNgXPCx/o/wbFNHAGLJdGnk1vddRuMESD9HbOC8irw==
 
 "@google-cloud/storage@^5.3.0":
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/@google-cloud/storage/-/storage-5.8.0.tgz#1f580e276f1d453790b382156421d1bcc4bd3f4b"
-  integrity sha512-WOShvBPOfkDXUzXMO+3j8Bzus+PFI9r1Ey9dLG2Zf458/PVuFTtaRWntd9ZiDG8g90zl2LmnA1JkDCreGUKr5g==
+  version "5.8.1"
+  resolved "https://registry.yarnpkg.com/@google-cloud/storage/-/storage-5.8.1.tgz#00e627723614bcf97e6e29f9a59ec39339171847"
+  integrity sha512-qP8gCJ2myyMN3JMJN12d82Oo8VBSDO8vO4/x56dtQZX9+WISqcagurntnJVyFX885tIOtS97bsyv8qR1xv6HMg==
   dependencies:
     "@google-cloud/common" "^3.6.0"
     "@google-cloud/paginator" "^3.0.0"
@@ -1407,12 +1427,12 @@
     tslib "~2.0.1"
 
 "@graphql-codegen/cli@^1.21.1":
-  version "1.21.1"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/cli/-/cli-1.21.1.tgz#fa1666ea5f1751e158d6d200c58f8228ad2f98ed"
-  integrity sha512-xlOmpKWID2zWOwm9mtjnOCA7qsQ8tJ34RYkKLyGMPoKaTmyWwKeAWpAH1qdukZT5AXDO7G2cZU5AdF1TmYEPUA==
+  version "1.21.2"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/cli/-/cli-1.21.2.tgz#2b65acff441f6cbae24bb816790a074264b58f86"
+  integrity sha512-Jt1sJzTD1/0PZ4JIgZZgswTNu+LxJBS706rOo4ol5NsjkD3Wzk3cUvZsBUYTrYc9Zh6XArZzRm5EBLImLRjHlQ==
   dependencies:
     "@graphql-codegen/core" "1.17.9"
-    "@graphql-codegen/plugin-helpers" "^1.18.2"
+    "@graphql-codegen/plugin-helpers" "^1.18.3"
     "@graphql-tools/apollo-engine-loader" "^6"
     "@graphql-tools/code-file-loader" "^6"
     "@graphql-tools/git-loader" "^6"
@@ -1424,14 +1444,13 @@
     "@graphql-tools/url-loader" "^6"
     "@graphql-tools/utils" "^7.0.0"
     ansi-escapes "^4.3.1"
-    camel-case "^4.1.2"
     chalk "^4.1.0"
+    change-case-all "^1.0.12"
     chokidar "^3.4.3"
     common-tags "^1.8.0"
-    constant-case "^3.0.3"
     cosmiconfig "^7.0.0"
     debounce "^1.2.0"
-    dependency-graph "^0.10.0"
+    dependency-graph "^0.11.0"
     detect-indent "^6.0.0"
     glob "^7.1.6"
     graphql-config "^3.2.0"
@@ -1443,14 +1462,11 @@
     listr "^0.14.3"
     listr-update-renderer "^0.5.0"
     log-symbols "^4.0.0"
-    lower-case "^2.0.1"
     minimatch "^3.0.4"
     mkdirp "^1.0.4"
-    pascal-case "^3.1.1"
     string-env-interpolation "^1.0.1"
     ts-log "^2.2.3"
     tslib "~2.1.0"
-    upper-case "^2.0.2"
     valid-url "^1.0.9"
     wrap-ansi "^7.0.0"
     yaml "^1.10.0"
@@ -1466,70 +1482,63 @@
     "@graphql-tools/utils" "^6"
     tslib "~2.0.1"
 
-"@graphql-codegen/plugin-helpers@^1.18.2":
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/plugin-helpers/-/plugin-helpers-1.18.2.tgz#57011076cb8b8f5d04d37d226a5eda300c01be94"
-  integrity sha512-SvX+Ryq2naLcoD6jJNxtzc/moWTgHJ+X0KRfvhGWTa+xtFTS02i+PWOR89YYPcD8+LF6GmyFBjx2FmLCx4JwMg==
+"@graphql-codegen/plugin-helpers@^1.18.2", "@graphql-codegen/plugin-helpers@^1.18.3":
+  version "1.18.3"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/plugin-helpers/-/plugin-helpers-1.18.3.tgz#607a8bc16d80b30d59cd07d70de2ba803b57bc4a"
+  integrity sha512-+LVxWFlcZW+FB32CyvkdaMN/tIMajO42pCg0Cy8Z8ZZtGutXW1w6UggrvrEUzMZc9GHZQe49q+w7QQxeooaIlA==
   dependencies:
-    "@graphql-tools/utils" "^6"
-    camel-case "4.1.1"
+    "@graphql-tools/utils" "^7.0.0"
     common-tags "1.8.0"
-    constant-case "3.0.3"
     import-from "3.0.0"
     lodash "~4.17.20"
-    lower-case "2.0.1"
-    param-case "3.0.3"
-    pascal-case "3.1.1"
-    tslib "~2.0.1"
-    upper-case "2.0.1"
+    tslib "~2.1.0"
 
 "@graphql-codegen/typescript-operations@^1.17.14":
-  version "1.17.14"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript-operations/-/typescript-operations-1.17.14.tgz#69b4bee4d66f2ea7e288f1be889e08946ef3452a"
-  integrity sha512-jf1KnkA0i5hQNwc7bdMg5G6305DMSeTGDJSDoFryA2Tt9czWxY78m10/6GueUWo3zP6FIEhW1QRSve8ewTKEMg==
+  version "1.17.15"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript-operations/-/typescript-operations-1.17.15.tgz#c992e29ead1cf5c3f65dbbe1f522b09be30c36d6"
+  integrity sha512-HStWj3mUe+0ir2J0jqgjegrvcO1DIe2gzsoBBo9RHIYwyaxedUivxXvWY9XBfKpHv6sLa/ST1iYGeedrJELPtw==
   dependencies:
-    "@graphql-codegen/plugin-helpers" "^1.18.2"
-    "@graphql-codegen/typescript" "^1.20.1"
-    "@graphql-codegen/visitor-plugin-common" "^1.18.1"
+    "@graphql-codegen/plugin-helpers" "^1.18.3"
+    "@graphql-codegen/typescript" "^1.21.1"
+    "@graphql-codegen/visitor-plugin-common" "^1.19.0"
     auto-bind "~4.0.0"
     tslib "~2.1.0"
 
 "@graphql-codegen/typescript-react-apollo@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript-react-apollo/-/typescript-react-apollo-2.2.1.tgz#4791e2b47478d8c1d5c9f8a4460156176cb185bc"
-  integrity sha512-xOOB0avE6w7UpuEZ56eNGkD5zek1+Z2x2/F9/f4AU2dUiRNbNmpYOzuiOg4nz9eA5DBXX7fS4TkLwyqJ3sF77A==
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript-react-apollo/-/typescript-react-apollo-2.2.2.tgz#8146232784704a39c6d834038be5078a5d845aec"
+  integrity sha512-d0zmFjluJQV0KWbemGKEcNy11EXECX9fD6dlUvNRJs6dWzvFWD1DTcfPwGYC1MQNeXjdGpWwi+0wT/5h7riVbQ==
   dependencies:
-    "@graphql-codegen/plugin-helpers" "^1.18.2"
-    "@graphql-codegen/visitor-plugin-common" "^1.17.20"
+    "@graphql-codegen/plugin-helpers" "^1.18.3"
+    "@graphql-codegen/visitor-plugin-common" "^1.19.0"
     auto-bind "~4.0.0"
-    camel-case "^4.1.1"
-    pascal-case "^3.1.1"
-    tslib "~2.0.1"
+    change-case-all "^1.0.12"
+    tslib "~2.1.0"
 
-"@graphql-codegen/typescript@^1.20.1", "@graphql-codegen/typescript@^1.21.0":
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript/-/typescript-1.21.0.tgz#301b1851cd278bedd1f49e1b3d654f4dc0af2943"
-  integrity sha512-23YttnZ+87dA/3lbCvPKdsrpEOx142dCT9xSh6XkSeyCvn+vUtETN2MhamCYB87G7Nu2EcLDFKDZjgXH73f4fg==
+"@graphql-codegen/typescript@^1.21.0", "@graphql-codegen/typescript@^1.21.1":
+  version "1.21.1"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript/-/typescript-1.21.1.tgz#9bce3254b8ef30a6bf64e57ba3991f9be7a19b53"
+  integrity sha512-JF6Vsu5HSv3dAoS2ca3PFLUN0qVxotex/+BgWw/6SKhtd83MUPnzJ/RU3lACg4vuNTCWeQSeGvg8x5qrw9Go9w==
   dependencies:
-    "@graphql-codegen/plugin-helpers" "^1.18.2"
-    "@graphql-codegen/visitor-plugin-common" "^1.18.3"
+    "@graphql-codegen/plugin-helpers" "^1.18.3"
+    "@graphql-codegen/visitor-plugin-common" "^1.19.0"
     auto-bind "~4.0.0"
     tslib "~2.1.0"
 
-"@graphql-codegen/visitor-plugin-common@^1.17.20", "@graphql-codegen/visitor-plugin-common@^1.18.1", "@graphql-codegen/visitor-plugin-common@^1.18.3":
-  version "1.18.3"
-  resolved "https://registry.yarnpkg.com/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-1.18.3.tgz#9d2c4449c3bdaffe3e782e2321fe0cb998b8a91d"
-  integrity sha512-6xJzt8hszCTKt3rTlcCURpuiAFuaiaZgStlVeRE1OrKEDiY1T3vwF3/7TonhfnEjqBWtZdMmXvNx3ArXkRUV4w==
+"@graphql-codegen/visitor-plugin-common@^1.19.0":
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-1.19.0.tgz#e302dd1ba55cf220079c40fa840a355dcf81526d"
+  integrity sha512-Vsh9FwB90SBLnSr4KTFY8cuwjC//JBVyqn4k4usBZHFLWLkPwWzdkUKABFg6ET2gnL2L1rSU/gM30eEBrLRXFA==
   dependencies:
-    "@graphql-codegen/plugin-helpers" "^1.18.2"
+    "@graphql-codegen/plugin-helpers" "^1.18.3"
     "@graphql-tools/optimize" "^1.0.1"
     "@graphql-tools/relay-operation-optimizer" "^6"
     array.prototype.flatmap "^1.2.4"
     auto-bind "~4.0.0"
-    dependency-graph "^0.10.0"
+    change-case-all "^1.0.12"
+    dependency-graph "^0.11.0"
     graphql-tag "^2.11.0"
     parse-filepath "^1.0.2"
-    pascal-case "^3.1.1"
     tslib "~2.1.0"
 
 "@graphql-tools/apollo-engine-loader@^6":
@@ -1542,13 +1551,13 @@
     tslib "~2.0.1"
 
 "@graphql-tools/batch-delegate@^7.0.0":
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/batch-delegate/-/batch-delegate-7.0.1.tgz#ad8452081c462047a8ff182d614d447051ffe023"
-  integrity sha512-6oAmwzf9F2obUqpmoEVgwnomARmFQiHBC8X24LDbhJ7QJvhbrWqY101RArR4Jtb0zY6wpRtDNYuCIdzGoPR3LA==
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/batch-delegate/-/batch-delegate-7.0.2.tgz#e18bfe3f545c60c03b0bc079fe4bfa8f208b1631"
+  integrity sha512-Dn1LKcbZfgttfxW1V7E3JYrLGCWOhtPC+HkxBRrvzxkesxqDbgaOH8X4rsx3Po8AQD49J0eLdg9KXa0yF20VCA==
   dependencies:
-    "@graphql-tools/delegate" "^7.0.7"
+    "@graphql-tools/delegate" "^7.0.10"
     dataloader "2.0.0"
-    tslib "~2.0.1"
+    tslib "~2.1.0"
 
 "@graphql-tools/batch-execute@^7.0.0":
   version "7.0.0"
@@ -1622,9 +1631,9 @@
     tslib "~2.1.0"
 
 "@graphql-tools/import@^6.2.4", "@graphql-tools/import@^6.2.6":
-  version "6.2.6"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/import/-/import-6.2.6.tgz#c5f899f0b87e9fe0523b889be8a59cb30aa164ad"
-  integrity sha512-/0H/bDjNK1MnKonk8fMbB7wIYU6QLCwbQOHtSHbFJ4j2qki5CqfAxpF+fGX6KovDtkdigcgRMvSKKi14oiuHPA==
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/import/-/import-6.3.0.tgz#171472b425ea7cba4a612ad524b96bd206ae71b6"
+  integrity sha512-zmaVhJ3UPjzJSb005Pjn2iWvH+9AYRXI4IUiTi14uPupiXppJP3s7S25Si3+DbHpFwurDF2nWRxBLiFPWudCqw==
   dependencies:
     resolve-from "5.0.0"
     tslib "~2.1.0"
@@ -1638,9 +1647,9 @@
     tslib "~2.0.1"
 
 "@graphql-tools/links@^7.0.4":
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/links/-/links-7.0.5.tgz#5f75fbf547bbb66728d350c427cc732add85725c"
-  integrity sha512-2239z359Op2++WtJLaJOM7nn5+ssv78V397i60nBRTt6O1guHJHXaaDXcWwqbvRJQf4LICMVmOcLW3X6cgRdsw==
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/links/-/links-7.0.6.tgz#a3121d947c4a241973427468e11d1a00a0bc8e66"
+  integrity sha512-2BnUubKyCss6D8xBQN+n/iWQ6Z1UfF41cTHJdHai/WFSBSgUl5Rj23Y0o4l4FGO5PJQ+Cu3elQxgt59TDqK25Q==
   dependencies:
     "@graphql-tools/delegate" "^7.0.10"
     "@graphql-tools/utils" "^7.0.2"
@@ -1651,12 +1660,12 @@
     tslib "~2.1.0"
 
 "@graphql-tools/load-files@^6.2.4":
-  version "6.2.5"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/load-files/-/load-files-6.2.5.tgz#d5240ab207e2288b499d1f32310a3d2b19e0386a"
-  integrity sha512-mjfvrRrQZoXAtI/50KKy7WancqHRHBXfJMJa+Vn2TpMQV0uYlu32+WMa3ZM5yTOuT/ipifvjEQDhxOyTIoi67g==
+  version "6.2.7"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/load-files/-/load-files-6.2.7.tgz#4dc90420fc3468e16394b87bbcb1054fff418b2d"
+  integrity sha512-6L0d+F1jJkamiUNPjmxVDRMrauaD/Jp9aSzmp9zxeeZhIuG6V/jbhBBgMbNscMviYJfwDbHvnOJ3fmYpZyM9kg==
   dependencies:
-    globby "11.0.1"
-    tslib "~2.0.1"
+    globby "11.0.2"
+    tslib "~2.1.0"
     unixify "1.0.0"
 
 "@graphql-tools/load@^6", "@graphql-tools/load@^6.0.0", "@graphql-tools/load@^6.2.5":
@@ -1674,10 +1683,10 @@
     unixify "1.0.0"
     valid-url "1.0.9"
 
-"@graphql-tools/merge@^6", "@graphql-tools/merge@^6.0.0", "@graphql-tools/merge@^6.2.5", "@graphql-tools/merge@^6.2.7", "@graphql-tools/merge@^6.2.9":
-  version "6.2.9"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/merge/-/merge-6.2.9.tgz#fbe5f9659c5ce5e57ce0e0b79f719d13e1bad24b"
-  integrity sha512-4PPB2rOEjnN91CVltOIVdBOOTEsC+2sHzOVngSoqtgZxvLwcRKwivy3sBuL3WyucBonzpXlV97Q418njslYa/w==
+"@graphql-tools/merge@^6", "@graphql-tools/merge@^6.0.0", "@graphql-tools/merge@^6.2.10", "@graphql-tools/merge@^6.2.5", "@graphql-tools/merge@^6.2.9":
+  version "6.2.10"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/merge/-/merge-6.2.10.tgz#cadb37b1bed786cba1b3c6f728c5476a164e153d"
+  integrity sha512-dM3n37PcslvhOAkCz7Cwk0BfoiSVKXGmCX+VMZkATbXk/0vlxUfNEpVfA5yF4IkP27F04SzFQSaNrbD0W2Rszw==
   dependencies:
     "@graphql-tools/schema" "^7.0.0"
     "@graphql-tools/utils" "^7.5.0"
@@ -1746,13 +1755,13 @@
     tslib "~2.0.1"
 
 "@graphql-tools/resolvers-composition@^6.2.5":
-  version "6.2.5"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/resolvers-composition/-/resolvers-composition-6.2.5.tgz#1c1819083304e6de42a104f01e4ecf8a00086ce8"
-  integrity sha512-nhssXhF/2GHa2QDfatYpwfjaHJrAbCS7vuDtfECNqPDFFeekU83Mz3CLXaa6E4uEuSR07cUosFRaFgnA02Mg4w==
+  version "6.2.6"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/resolvers-composition/-/resolvers-composition-6.2.6.tgz#b369cdf2772a41a7544bf3f16a794501da34c394"
+  integrity sha512-QO0PC5RG0SolOksupOuB4B0tuzEsQFwQrwD9xLHCrJmjaLi66lOKMFzN40IBY5rqg0k/zqPyjII8rtzcNobvIg==
   dependencies:
     "@graphql-tools/utils" "^7.0.0"
-    lodash "4.17.20"
-    tslib "~2.0.1"
+    lodash "4.17.21"
+    tslib "~2.1.0"
 
 "@graphql-tools/schema@^7.0.0", "@graphql-tools/schema@^7.1.2":
   version "7.1.3"
@@ -1763,13 +1772,13 @@
     tslib "~2.1.0"
 
 "@graphql-tools/stitch@^7.3.0":
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/@graphql-tools/stitch/-/stitch-7.3.0.tgz#09cd4eaed2c2780e0e8e9c1922162ad4ca1c6813"
-  integrity sha512-D9rlb7zYL4kVe1XRAhkg3gE840AawuuNOYCyHWnd76VuSz7WOigGLpyR6btdlrj3noJf8BKuGbwtmyWEn7cf+g==
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/@graphql-tools/stitch/-/stitch-7.4.0.tgz#1178bc5ab1c9d22476ba20781516937480dd0755"
+  integrity sha512-fOmKdoQ4lc2X9uEeJpdwwJMRD44risiC6rbTDapDLgiN2S+PHXLmSaezv+eCTG296e1/1V0eITOqMq+6iRrdfg==
   dependencies:
     "@graphql-tools/batch-delegate" "^7.0.0"
     "@graphql-tools/delegate" "^7.0.10"
-    "@graphql-tools/merge" "^6.2.7"
+    "@graphql-tools/merge" "^6.2.10"
     "@graphql-tools/schema" "^7.1.2"
     "@graphql-tools/utils" "^7.2.4"
     "@graphql-tools/wrap" "^7.0.3"
@@ -1834,9 +1843,9 @@
   integrity sha512-wYn6r8zVZyQJ6rQaALBEln5B1pzxb9shV5Ef97kTvn6yVGrqyXVnDqnU24MXnFubR+rZjBY9NWuxX3FB2sTsjg==
 
 "@grpc/grpc-js@~1.2.0":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.2.8.tgz#7e1aab8fd4d576b8ee6e73bba475d94a67ffd07d"
-  integrity sha512-9C1xiCbnYe/3OFpSuRqz2JgFSOxv6+SlqFhXgRC1nHfXYbLnXvtmsI/NpaMs6k9ZNyV4gyaOOh5Z4McfegQGew==
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.2.10.tgz#f316d29a45fcc324e923d593cb849d292b1ed598"
+  integrity sha512-wj6GkNiorWYaPiIZ767xImmw7avMMVUweTvPFg4mJWOxz2180DKwfuxhJJZ7rpc1+7D3mX/v8vJdxTuIo71Ieg==
   dependencies:
     "@types/node" ">=12.12.47"
     google-auth-library "^6.1.1"
@@ -1886,76 +1895,25 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@mdx-js/loader@^1.6.22":
-  version "1.6.22"
-  resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.6.22.tgz#d9e8fe7f8185ff13c9c8639c048b123e30d322c4"
-  integrity sha512-9CjGwy595NaxAYp0hF9B/A0lH6C8Rms97e2JS9d3jVUtILn6pT5i5IV965ra3lIWc7Rs1GG1tBdVF7dCowYe6Q==
-  dependencies:
-    "@mdx-js/mdx" "1.6.22"
-    "@mdx-js/react" "1.6.22"
-    loader-utils "2.0.0"
-
-"@mdx-js/mdx@1.6.22":
-  version "1.6.22"
-  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.22.tgz#8a723157bf90e78f17dc0f27995398e6c731f1ba"
-  integrity sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA==
-  dependencies:
-    "@babel/core" "7.12.9"
-    "@babel/plugin-syntax-jsx" "7.12.1"
-    "@babel/plugin-syntax-object-rest-spread" "7.8.3"
-    "@mdx-js/util" "1.6.22"
-    babel-plugin-apply-mdx-type-prop "1.6.22"
-    babel-plugin-extract-import-names "1.6.22"
-    camelcase-css "2.0.1"
-    detab "2.0.4"
-    hast-util-raw "6.0.1"
-    lodash.uniq "4.5.0"
-    mdast-util-to-hast "10.0.1"
-    remark-footnotes "2.0.0"
-    remark-mdx "1.6.22"
-    remark-parse "8.0.3"
-    remark-squeeze-paragraphs "4.0.0"
-    style-to-object "0.3.0"
-    unified "9.2.0"
-    unist-builder "2.0.3"
-    unist-util-visit "2.0.3"
-
-"@mdx-js/react@1.6.22", "@mdx-js/react@^1.0.0", "@mdx-js/react@^1.6.22":
-  version "1.6.22"
-  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.22.tgz#ae09b4744fddc74714ee9f9d6f17a66e77c43573"
-  integrity sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==
-
 "@mdx-js/util@1.6.22":
   version "1.6.22"
   resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b"
   integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==
 
-"@next/bundle-analyzer@^10.0.6":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-10.0.7.tgz#5ea7e7f720b1995ed528af2cc322bfa5419cd3fa"
-  integrity sha512-g3Pke8I30T38w5lCiVGrq/DVTLh4bKLHrUYi/l5ztYQVHokJmDYSILmFFwq91f2XOK2x7gINS7Pvd/U1zMX8AQ==
-  dependencies:
-    webpack-bundle-analyzer "4.3.0"
-
-"@next/env@10.0.7":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-10.0.7.tgz#7b3e87a9029ca37491e2ec25c27593f0906725f9"
-  integrity sha512-/vnz2SL/mk3Tei58WfRtVnvz5xHmAqcBmZL5sTBEy1CZG6OtZGNx0qAFCjtVkeJ5m1Bh4Ut+WFh/RF333wx8Sg==
-
-"@next/mdx@^10.0.6":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/mdx/-/mdx-10.0.7.tgz#c4de220ad5e4c38297c2972f2d1f7e2107b88477"
-  integrity sha512-joaEBSh+P6YpRIrRti4OoDCn6sEMxUb00q2Hd29s4/oGAVOmgo7nRCSRoy99i/uGK2IMBjPksSrHTLwW+bcG5A==
+"@next/env@10.0.8":
+  version "10.0.8"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-10.0.8.tgz#3306c9de20ef187438affbafce0ef966c9e43c3b"
+  integrity sha512-vWdxAHD6gJn52tN5bxj1VoRgu5lNtRPc/HyYf7V014k2GZ9eKhqoFQGSSMNGHB7WgdUxLVw75+o9Ek9ClOOAjw==
 
-"@next/polyfill-module@10.0.7":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-10.0.7.tgz#ec45ec1f28f47beed15ed67dffc907edd7143094"
-  integrity sha512-HxqzRpoSgmZP0kRIWwH+e0SgtAXqJ0VkYtwWcsQFED8+xF4Eqn+7Twyp4uE6hutC8gr8IFSFqH+DEYhRtg1ltQ==
+"@next/polyfill-module@10.0.8":
+  version "10.0.8"
+  resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-10.0.8.tgz#1d033f390389591f227499e286911e3db14c484b"
+  integrity sha512-JCUGB4/SKQ4LXniv7LKGrpW+W2DGH/CLkrgXgSo/Ze+EJdMDLxC/VFhiuW+TgAaAWLE4gryoswlZBNyHtkPGQA==
 
-"@next/react-dev-overlay@10.0.7":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-10.0.7.tgz#5fe777011cab75ec09ad539ee61bb95ab5a2bdeb"
-  integrity sha512-yq71MDHVqN2N+IqOvZDiFsMpQrBcymrdpTx1ShhAADX7cWQvW4dhcIir4BbfrS10vS1LLz/3a8uKZkGdNoJj3w==
+"@next/react-dev-overlay@10.0.8":
+  version "10.0.8"
+  resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-10.0.8.tgz#a8e841647b74f9720cc60d3e3bd3da225ad12533"
+  integrity sha512-ygVsvkzYTYIuME+dUUSjCxbNjrJ+Up9Y+CrWEmSSk6HuxajUvrB9vN6RT+PeAzEOQ5er1sWxmVHVdPknQPVWyQ==
   dependencies:
     "@babel/code-frame" "7.12.11"
     anser "1.4.9"
@@ -1969,10 +1927,10 @@
     stacktrace-parser "0.1.10"
     strip-ansi "6.0.0"
 
-"@next/react-refresh-utils@10.0.7":
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-10.0.7.tgz#866ce30fe2f321e011255e81ed5d55eeda05894b"
-  integrity sha512-d/71vtQglv6m7sh4W1O9drc2hYti7UnAdEXfBLZAS354g2S80lvCRGIhbDrMx4w0rpShoxBIZboE2++LihAESg==
+"@next/react-refresh-utils@10.0.8":
+  version "10.0.8"
+  resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-10.0.8.tgz#6129d633e2c0a9b5760de002e998932f08c8baae"
+  integrity sha512-ZMO77Xs2ioGV/nZB4GRDHgsNT2jhOp+cZIh6c7wf0xw9o/1KoTWN8nxWzwU/laAtkoSS+E6YdhuR4Mw3Ar3CSg==
 
 "@nodelib/fs.scandir@2.1.4":
   version "2.1.4"
@@ -1995,15 +1953,6 @@
     "@nodelib/fs.scandir" "2.1.4"
     fastq "^1.6.0"
 
-"@now/node@^1.8.5":
-  version "1.8.5"
-  resolved "https://registry.yarnpkg.com/@now/node/-/node-1.8.5.tgz#471196dbe8221c9f20692e13cf0f4272c6cf3def"
-  integrity sha512-dZ/ZzOLug0ap/jiLVnmwS93PpbNjGR/SkDQjQ+BFRTTi2vUZ768CGUpmgoZy81uxLjZL9xlMIhmTVHwjfxu7WA==
-  dependencies:
-    "@types/node" "*"
-    ts-node "8.9.1"
-    typescript "3.9.3"
-
 "@opentelemetry/api@0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@opentelemetry/api/-/api-0.14.0.tgz#4e17d8d2f1da72b19374efa7b6526aa001267cae"
@@ -2016,11 +1965,6 @@
   resolved "https://registry.yarnpkg.com/@opentelemetry/context-base/-/context-base-0.14.0.tgz#c67fc20a4d891447ca1a855d7d70fa79a3533001"
   integrity sha512-sDOAZcYwynHFTbLo6n8kIbLiVF3a3BLkrmehJUyEbT9F+Smbi47kLGS2gG2g0fjBLR/Lr1InPD7kXL7FaTqEkw==
 
-"@polka/url@^1.0.0-next.9":
-  version "1.0.0-next.11"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.11.tgz#aeb16f50649a91af79dbe36574b66d0f9e4d9f71"
-  integrity sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA==
-
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
@@ -2154,7 +2098,7 @@
   dependencies:
     "@styled-system/core" "^5.1.2"
 
-"@styled-system/should-forward-prop@^5.0.0", "@styled-system/should-forward-prop@^5.1.2":
+"@styled-system/should-forward-prop@^5.0.0":
   version "5.1.5"
   resolved "https://registry.yarnpkg.com/@styled-system/should-forward-prop/-/should-forward-prop-5.1.5.tgz#c392008c6ae14a6eb78bf1932733594f7f7e5c76"
   integrity sha512-+rPRomgCGYnUIaFabDoOgpSDc4UUJ1KsmlnzcEp0tu5lFrBQKgZclSo18Z1URhaZm7a6agGtS5Xif7tuC2s52Q==
@@ -2218,9 +2162,9 @@
     "@testing-library/dom" "^7.28.1"
 
 "@testing-library/dom@^7.28.1":
-  version "7.29.6"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.29.6.tgz#eb37844fb431186db7960a7ff6749ea65a19617c"
-  integrity sha512-vzTsAXa439ptdvav/4lsKRcGpAQX7b6wBIqia7+iNzqGJ5zjswApxA6jDAsexrc6ue9krWcbh8o+LYkBXW+GCQ==
+  version "7.30.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.30.0.tgz#53697851f7708a1448cc30b74a2ea056dd709cd6"
+  integrity sha512-v4GzWtltaiDE0yRikLlcLAfEiiK8+ptu6OuuIebm9GdC2XlZTNDPGEfM2UkEtnH7hr9TRq2sivT5EA9P1Oy7bw==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
@@ -2231,61 +2175,6 @@
     lz-string "^1.4.4"
     pretty-format "^26.6.2"
 
-"@theme-ui/color-modes@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/color-modes/-/color-modes-0.3.5.tgz#e280d1ff8be9f648c161b899e5049cb45a73cb90"
-  integrity sha512-3n5ExAnp1gAuVVFdGF2rRLyrVsa7qtmUXx+gj1wPJsADq23EE4ctkppC+aIfPFxT196WhR8fjErrVuO7Rh+wAg==
-  dependencies:
-    "@emotion/core" "^10.0.0"
-    "@theme-ui/core" "0.3.5"
-    "@theme-ui/css" "0.3.5"
-    deepmerge "^4.2.2"
-
-"@theme-ui/components@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/components/-/components-0.3.5.tgz#cd0b5a1292f88b3df2c5b6b299b0a6cdc6da52e5"
-  integrity sha512-RdWwnN43H1Tq80lGCu6icNuYCWoHHNtwH+LJGaGfiPkv/uMXWrwzKPLMiAuYM5b3ofKtmdaAcxZLjqAld97jkw==
-  dependencies:
-    "@emotion/core" "^10.0.0"
-    "@emotion/styled" "^10.0.0"
-    "@styled-system/color" "^5.1.2"
-    "@styled-system/should-forward-prop" "^5.1.2"
-    "@styled-system/space" "^5.1.2"
-    "@theme-ui/css" "0.3.5"
-
-"@theme-ui/core@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/core/-/core-0.3.5.tgz#096ded31193bfe83c50d09eca0fb086cab2ac7e1"
-  integrity sha512-80gbG4BW0ZQgZ8TWSG7vY72uXDxmkI/GttjpJee7AJlWVrPh7RCD2E3cuFPjqXzt7o4BJ9lZSHmTXcLzixNtRw==
-  dependencies:
-    "@emotion/core" "^10.0.0"
-    "@theme-ui/css" "0.3.5"
-    deepmerge "^4.2.2"
-
-"@theme-ui/css@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/css/-/css-0.3.5.tgz#cfd228c74bcc7840a7fe9e507858486ee4d403dc"
-  integrity sha512-XqsyXmifbnHOui1flSq4V7Lb3U+06Dbn2Q/leyr/cRd6Xgc0naiztdmD0MbXNvxgU51a2Ur9hyP4PnO5wE0yRg==
-
-"@theme-ui/mdx@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/mdx/-/mdx-0.3.5.tgz#60d26102dcc8b2095269de461dcf8f51fa18cf4c"
-  integrity sha512-KMf5kkEcItQ3qIj7dston/kBOZc82ST2R0pUcyk/u8ZclX4ingRtZkMxm2zpmxybzdSUY3DIKf2MTK9CxUSpOQ==
-  dependencies:
-    "@emotion/core" "^10.0.0"
-    "@emotion/styled" "^10.0.0"
-    "@mdx-js/react" "^1.0.0"
-
-"@theme-ui/theme-provider@0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@theme-ui/theme-provider/-/theme-provider-0.3.5.tgz#98ad67d8e2e38a6347ea604878202f49fea38088"
-  integrity sha512-C1kVsGyrh/pqO/j4+KSF5IvVW1DOnZoQmpaJ9EjyU4bqY0PCTZfuNdNPfydKaDWiYxrKGXKBeX0xjvLLU6R0zQ==
-  dependencies:
-    "@emotion/core" "^10.0.0"
-    "@theme-ui/color-modes" "0.3.5"
-    "@theme-ui/core" "0.3.5"
-    "@theme-ui/mdx" "0.3.5"
-
 "@tippy.js/react@^3.1.1":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@tippy.js/react/-/react-3.1.1.tgz#027e4595e55f31430741fe8e0d92aaddfbe47efd"
@@ -2300,9 +2189,9 @@
   integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
 
 "@tryghost/content-api@^1.4.14":
-  version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@tryghost/content-api/-/content-api-1.4.14.tgz#ba7eed61157435fcd7d43337f995581f09a90abc"
-  integrity sha512-1k+b/Z5G2zrRS/a98dVuvDH0kB1OU1vXlvil37fBseQ7Cohtg+B61YsJu1CdWgyMuiZdW80JInuNRVWdM7IV0Q==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@tryghost/content-api/-/content-api-1.5.0.tgz#9558e7fea4ac6b38c3e28ad650ea8a3ac4752032"
+  integrity sha512-Nfju8lNs5zNJXf2C1dPzZD0187rfMWaHjBDCqyGiq/5k8BDLeNoqiz7r1rSOEA58/0tda/br/pEsQHS8PsWsTw==
   dependencies:
     axios "0.21.1"
 
@@ -2331,11 +2220,6 @@
   resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.2.15.tgz#b7a6d263c2cecf44b6de9a051cf496249b154553"
   integrity sha512-rYff6FI+ZTKAPkJUoyz7Udq3GaoDZnxYDEvdEdFZASiA7PoErltHezDishqQiSDWrGxvxmplH304jyzQmjp0AQ==
 
-"@types/clipboard@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/clipboard/-/clipboard-2.0.1.tgz#75a74086c293d75b12bc93ff13bc7797fef05a40"
-  integrity sha512-gJJX9Jjdt3bIAePQRRjYWG20dIhAgEqonguyHxXuqALxsoDsDLimihqrSg8fXgVTJ4KZCzkfglKtwsh/8dLfbA==
-
 "@types/connect@*":
   version "3.4.34"
   resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.34.tgz#170a40223a6d666006d93ca128af2beb1d9b1901"
@@ -2475,9 +2359,9 @@
     "@types/koa" "*"
 
 "@types/koa@*":
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/@types/koa/-/koa-2.13.0.tgz#6356c48521c0941103b6fcfb97bb01426a99d56d"
-  integrity sha512-hNs1Z2lX+R5sZroIy/WIGbPlH/719s/Nd5uIjSIAdHn9q+g7z6mxOnhwMjK1urE4/NUP0SOoYUOD4MnvD9FRNw==
+  version "2.13.1"
+  resolved "https://registry.yarnpkg.com/@types/koa/-/koa-2.13.1.tgz#e29877a6b5ad3744ab1024f6ec75b8cbf6ec45db"
+  integrity sha512-Qbno7FWom9nNqu0yHZ6A0+RWt4mrYBhw3wpBAQ3+IuzGcLlfeYkzZrnMq5wsxulN2np8M4KKeUpTodsOsSad5Q==
   dependencies:
     "@types/accepts" "*"
     "@types/content-disposition" "*"
@@ -2519,9 +2403,9 @@
     form-data "^3.0.0"
 
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@^14.14.28":
-  version "14.14.31"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.31.tgz#72286bd33d137aa0d152d47ec7c1762563d34055"
-  integrity sha512-vFHy/ezP5qI0rFgJ7aQnjDXwAMrG0KqqIH7tQG5PPv3BWBayOPIQNBjVc/P6hhdZfMx51REc6tfDNXHUio893g==
+  version "14.14.32"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.32.tgz#90c5c4a8d72bbbfe53033f122341343249183448"
+  integrity sha512-/Ctrftx/zp4m8JOujM5ZhwzlWLx22nbQJiVqz8/zE15gOeEW+uly3FSX4fGFpcfEvFzXcMCJwq9lGVWgyARXhg==
 
 "@types/node@12.12.50":
   version "12.12.50"
@@ -2529,9 +2413,9 @@
   integrity sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w==
 
 "@types/node@^10.1.0", "@types/node@^10.10.0":
-  version "10.17.54"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.54.tgz#a737488631aca3ec7bd9f6229d77f1079e444793"
-  integrity sha512-c8Lm7+hXdSPmWH4B9z/P/xIXhFK3mCQin4yCYMd2p1qpMG5AfgyJuYZ+3q2dT7qLiMMMGMd5dnkFpdqJARlvtQ==
+  version "10.17.55"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.55.tgz#a147f282edec679b894d4694edb5abeb595fecbd"
+  integrity sha512-koZJ89uLZufDvToeWO5BrC4CR4OUfHnUz2qoPs/daQH6qq3IN62QFxCTZ+bKaCE0xaoCAJYE4AXre8AbghCrhg==
 
 "@types/node@^13.7.0":
   version "13.13.45"
@@ -2554,9 +2438,9 @@
   integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
 
 "@types/qs@*":
-  version "6.9.5"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.5.tgz#434711bdd49eb5ee69d90c1d67c354a9a8ecb18b"
-  integrity sha512-/JHkVHtx/REVG0VVToGRGH2+23hsYLHdyG+GrvoUGlGAd0ErauXDyvHtRI/7H7mzLm+tBCKA7pfcpkQ1lf58iQ==
+  version "6.9.6"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.6.tgz#df9c3c8b31a247ec315e6996566be3171df4b3b1"
+  integrity sha512-0/HnwIfW4ki2D8L8c9GVcG5I72s9jP5GSLVF0VIXDW00kmIpA6O33G7a8n59Tmh7Nz0WUC3rSb7PTY/sdW2JzA==
 
 "@types/range-parser@*":
   version "1.2.3"
@@ -2564,13 +2448,19 @@
   integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
 
 "@types/react@^17.0.2":
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.2.tgz#3de24c4efef902dd9795a49c75f760cbe4f7a5a8"
-  integrity sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==
+  version "17.0.3"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.3.tgz#ba6e215368501ac3826951eef2904574c262cc79"
+  integrity sha512-wYOUxIgs2HZZ0ACNiIayItyluADNbONl7kt8lkLjVK8IitMH5QMyAh75Fwhmo37r1m7L2JaFj03sIfxBVDvRAg==
   dependencies:
     "@types/prop-types" "*"
+    "@types/scheduler" "*"
     csstype "^3.0.2"
 
+"@types/scheduler@*":
+  version "0.16.1"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.1.tgz#18845205e86ff0038517aab7a18a62a6b9f71275"
+  integrity sha512-EaCxbanVeyxDRTQBkdLb3Bvl/HK7PBK6UJjsSixB0iHKoWxE5uu2Q/DgtpOhPIojN0Zl1whvOd7PoHs2P0s5eA==
+
 "@types/serve-static@*":
   version "1.13.9"
   resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.9.tgz#aacf28a85a05ee29a11fb7c3ead935ac56f33e4e"
@@ -2631,12 +2521,12 @@
   integrity sha512-HrCIVMLjE1MOozVoD86622S7aunluLb2PJdPfb3nYiEtohm8mIB/vyv0Fd37AdeMFrTUQXEunw78YloMA3Qilg==
 
 "@typescript-eslint/eslint-plugin@^4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.15.2.tgz#981b26b4076c62a5a55873fbef3fe98f83360c61"
-  integrity sha512-uiQQeu9tWl3f1+oK0yoAv9lt/KXO24iafxgQTkIYO/kitruILGx3uH+QtIAHqxFV+yIsdnJH+alel9KuE3J15Q==
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.16.1.tgz#2caf6a79dd19c3853b8d39769a27fccb24e4e651"
+  integrity sha512-SK777klBdlkUZpZLC1mPvyOWk9yAFCWmug13eAjVQ4/Q1LATE/NbcQL1xDHkptQkZOLnPmLUA1Y54m8dqYwnoQ==
   dependencies:
-    "@typescript-eslint/experimental-utils" "4.15.2"
-    "@typescript-eslint/scope-manager" "4.15.2"
+    "@typescript-eslint/experimental-utils" "4.16.1"
+    "@typescript-eslint/scope-manager" "4.16.1"
     debug "^4.1.1"
     functional-red-black-tree "^1.0.1"
     lodash "^4.17.15"
@@ -2655,15 +2545,15 @@
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
-"@typescript-eslint/experimental-utils@4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.15.2.tgz#5efd12355bd5b535e1831282e6cf465b9a71cf36"
-  integrity sha512-Fxoshw8+R5X3/Vmqwsjc8nRO/7iTysRtDqx6rlfLZ7HbT8TZhPeQqbPjTyk2RheH3L8afumecTQnUc9EeXxohQ==
+"@typescript-eslint/experimental-utils@4.16.1":
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.16.1.tgz#da7a396dc7d0e01922acf102b76efff17320b328"
+  integrity sha512-0Hm3LSlMYFK17jO4iY3un1Ve9x1zLNn4EM50Lia+0EV99NdbK+cn0er7HC7IvBA23mBg3P+8dUkMXy4leL33UQ==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/scope-manager" "4.15.2"
-    "@typescript-eslint/types" "4.15.2"
-    "@typescript-eslint/typescript-estree" "4.15.2"
+    "@typescript-eslint/scope-manager" "4.16.1"
+    "@typescript-eslint/types" "4.16.1"
+    "@typescript-eslint/typescript-estree" "4.16.1"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
@@ -2679,32 +2569,32 @@
     eslint-visitor-keys "^1.1.0"
 
 "@typescript-eslint/parser@^4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.15.2.tgz#c804474321ef76a3955aec03664808f0d6e7872e"
-  integrity sha512-SHeF8xbsC6z2FKXsaTb1tBCf0QZsjJ94H6Bo51Y1aVEZ4XAefaw5ZAilMoDPlGghe+qtq7XdTiDlGfVTOmvA+Q==
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.16.1.tgz#3bbd3234dd3c5b882b2bcd9899bc30e1e1586d2a"
+  integrity sha512-/c0LEZcDL5y8RyI1zLcmZMvJrsR6SM1uetskFkoh3dvqDKVXPsXI+wFB/CbVw7WkEyyTKobC1mUNp/5y6gRvXg==
   dependencies:
-    "@typescript-eslint/scope-manager" "4.15.2"
-    "@typescript-eslint/types" "4.15.2"
-    "@typescript-eslint/typescript-estree" "4.15.2"
+    "@typescript-eslint/scope-manager" "4.16.1"
+    "@typescript-eslint/types" "4.16.1"
+    "@typescript-eslint/typescript-estree" "4.16.1"
     debug "^4.1.1"
 
-"@typescript-eslint/scope-manager@4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.15.2.tgz#5725bda656995960ae1d004bfd1cd70320f37f4f"
-  integrity sha512-Zm0tf/MSKuX6aeJmuXexgdVyxT9/oJJhaCkijv0DvJVT3ui4zY6XYd6iwIo/8GEZGy43cd7w1rFMiCLHbRzAPQ==
+"@typescript-eslint/scope-manager@4.16.1":
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.16.1.tgz#244e2006bc60cfe46987e9987f4ff49c9e3f00d5"
+  integrity sha512-6IlZv9JaurqV0jkEg923cV49aAn8V6+1H1DRfhRcvZUrptQ+UtSKHb5kwTayzOYTJJ/RsYZdcvhOEKiBLyc0Cw==
   dependencies:
-    "@typescript-eslint/types" "4.15.2"
-    "@typescript-eslint/visitor-keys" "4.15.2"
+    "@typescript-eslint/types" "4.16.1"
+    "@typescript-eslint/visitor-keys" "4.16.1"
 
 "@typescript-eslint/types@3.10.1":
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
   integrity sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ==
 
-"@typescript-eslint/types@4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.15.2.tgz#04acf3a2dc8001a88985291744241e732ef22c60"
-  integrity sha512-r7lW7HFkAarfUylJ2tKndyO9njwSyoy6cpfDKWPX6/ctZA+QyaYscAHXVAfJqtnY6aaTwDYrOhp+ginlbc7HfQ==
+"@typescript-eslint/types@4.16.1":
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.16.1.tgz#5ba2d3e38b1a67420d2487519e193163054d9c15"
+  integrity sha512-nnKqBwMgRlhzmJQF8tnFDZWfunXmJyuXj55xc8Kbfup4PbkzdoDXZvzN8//EiKR27J6vUSU8j4t37yUuYPiLqA==
 
 "@typescript-eslint/typescript-estree@3.10.1":
   version "3.10.1"
@@ -2720,13 +2610,13 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/typescript-estree@4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.15.2.tgz#c2f7a1e94f3428d229d5ecff3ead6581ee9b62fa"
-  integrity sha512-cGR8C2g5SPtHTQvAymEODeqx90pJHadWsgTtx6GbnTWKqsg7yp6Eaya9nFzUd4KrKhxdYTTFBiYeTPQaz/l8bw==
+"@typescript-eslint/typescript-estree@4.16.1":
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.16.1.tgz#c2fc46b05a48fbf8bbe8b66a63f0a9ba04b356f1"
+  integrity sha512-m8I/DKHa8YbeHt31T+UGd/l8Kwr0XCTCZL3H4HMvvLCT7HU9V7yYdinTOv1gf/zfqNeDcCgaFH2BMsS8x6NvJg==
   dependencies:
-    "@typescript-eslint/types" "4.15.2"
-    "@typescript-eslint/visitor-keys" "4.15.2"
+    "@typescript-eslint/types" "4.16.1"
+    "@typescript-eslint/visitor-keys" "4.16.1"
     debug "^4.1.1"
     globby "^11.0.1"
     is-glob "^4.0.1"
@@ -2740,12 +2630,12 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@typescript-eslint/visitor-keys@4.15.2":
-  version "4.15.2"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.15.2.tgz#3d1c7979ce75bf6acf9691109bd0d6b5706192b9"
-  integrity sha512-TME1VgSb7wTwgENN5KVj4Nqg25hP8DisXxNBojM4Nn31rYaNDIocNm5cmjOFfh42n7NVERxWrDFoETO/76ePyg==
+"@typescript-eslint/visitor-keys@4.16.1":
+  version "4.16.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.16.1.tgz#d7571fb580749fae621520deeb134370bbfc7293"
+  integrity sha512-s/aIP1XcMkEqCNcPQtl60ogUYjSM8FU2mq1O7y5cFf3Xcob1z1iXWNB6cC43Op+NGRTFgGolri6s8z/efA9i1w==
   dependencies:
-    "@typescript-eslint/types" "4.15.2"
+    "@typescript-eslint/types" "4.16.1"
     eslint-visitor-keys "^2.0.0"
 
 "@ungap/global-this@^0.4.2":
@@ -2913,9 +2803,9 @@
     tslib "^1.9.3"
 
 "@wry/equality@^0.3.0":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.3.2.tgz#566a8d05225f1e559fc6589c8b50fa085413c6be"
-  integrity sha512-yi0VRqw+ygqM/WVZUze5meAhe2evOHBFXqK8onNVdNNB+Tyn8/07FZpeDklECBHeT9KN9DY2JpCVGNQY6RCRDg==
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.3.4.tgz#37f101552b18a046d5c0c06da7b2021b15f72c03"
+  integrity sha512-1gQQhCPenzxw/1HzLlvSIs/59eBHJf9ZDIussjjZhqNSqQuPKQIzN6SWt4kemvlBPDi7RqMuUa03pId7MAE93g==
   dependencies:
     tslib "^1.14.1"
 
@@ -2975,11 +2865,6 @@ acorn-walk@^7.0.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn-walk@^8.0.0:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.0.2.tgz#d4632bfc63fd93d0f15fd05ea0e984ffd3f5a8c3"
-  integrity sha512-+bpA9MJsHdZ4bgfDcpk0ozQyhhVct7rzOmO0s1IIr0AGGgKBljss8n2zp11rRP2wid5VGeh04CgeKzgat5/25A==
-
 acorn@^6.4.1:
   version "6.4.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
@@ -2990,11 +2875,6 @@ acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.0.4:
-  version "8.0.5"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.0.5.tgz#a3bfb872a74a6a7f661bc81b9849d9cac12601b7"
-  integrity sha512-v+DieK/HJkJOpFBETDJioequtc3PfxsWMaxIdIwujtF7FEV/MAyDQLlm6/zPvr7Mix07mLh6ccVwIsloceodlg==
-
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -3031,9 +2911,9 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.6:
     uri-js "^4.2.2"
 
 ajv@^7.0.2:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-7.1.1.tgz#1e6b37a454021fa9941713f38b952fc1c8d32a84"
-  integrity sha512-ga/aqDYnUy/o7vbsRTFhhTsNeXiYb5JWDIcRIeZfwRNCefwjNTVYCGdGSUrEmiu3yDK3vFvNbgJxvrQW4JXrYQ==
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-7.2.1.tgz#a5ac226171912447683524fa2f1248fcf8bac83d"
+  integrity sha512-+nu0HDv7kNSOua9apAVc979qd932rrZeb3WOvoiD31A/p1mIE5/9bN2027pE2rOPYEdS3UHzsvof4hY+lM9/WQ==
   dependencies:
     fast-deep-equal "^3.1.1"
     json-schema-traverse "^1.0.0"
@@ -3287,7 +3167,7 @@ apollo-utilities@^1.0.1, apollo-utilities@^1.3.0:
     ts-invariant "^0.4.0"
     tslib "^1.10.0"
 
-aproba@^1.0.3, aproba@^1.1.1:
+aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
@@ -3297,14 +3177,6 @@ arch@^2.1.2:
   resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
   integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
 
-are-we-there-yet@~1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
-  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
 arg@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.0.tgz#583c518199419e0037abb74062c37f8519e575f0"
@@ -3345,20 +3217,15 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
-array-flatten@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-3.0.0.tgz#6428ca2ee52c7b823192ec600fa3ed2f157cd541"
-  integrity sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA==
-
 array-includes@^3.1.1, array-includes@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.2.tgz#a8db03e0b88c8c6aeddc49cb132f9bcab4ebf9c8"
-  integrity sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.3.tgz#c7f619b382ad2afaf5326cddfdc0afc61af7690a"
+  integrity sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
-    get-intrinsic "^1.0.1"
+    es-abstract "^1.18.0-next.2"
+    get-intrinsic "^1.1.1"
     is-string "^1.0.5"
 
 array-union@^2.1.0:
@@ -3479,13 +3346,13 @@ auto-bind@~4.0.0:
   integrity sha512-Hdw8qdNiqdJ8LqT0iK0sVzkFbzg6fhnQqqfWhBDxcHZvU75+B+ayzTy8x+k5Ix0Y92XOhOUlx74ps+bA6BeYMQ==
 
 autoprefixer@^10.2.4:
-  version "10.2.4"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.2.4.tgz#c0e7cf24fcc6a1ae5d6250c623f0cb8beef2f7e1"
-  integrity sha512-DCCdUQiMD+P/as8m3XkeTUkUKuuRqLGcwD0nll7wevhqoJfMRpJlkFd1+MQh1pvupjiQuip42lc/VFvfUTMSKw==
+  version "10.2.5"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.2.5.tgz#096a0337dbc96c0873526d7fef5de4428d05382d"
+  integrity sha512-7H4AJZXvSsn62SqZyJCP+1AWwOuoYpUfK6ot9vm0e87XD6mT8lDywc9D9OTJPMULyGcvmIxzTAMeG2Cc+YX+fA==
   dependencies:
-    browserslist "^4.16.1"
-    caniuse-lite "^1.0.30001181"
-    colorette "^1.2.1"
+    browserslist "^4.16.3"
+    caniuse-lite "^1.0.30001196"
+    colorette "^1.2.2"
     fraction.js "^4.0.13"
     normalize-range "^0.1.2"
     postcss-value-parser "^4.1.0"
@@ -3542,14 +3409,6 @@ babel-loader@^8.0.2:
     make-dir "^3.1.0"
     schema-utils "^2.6.5"
 
-babel-plugin-apply-mdx-type-prop@1.6.22:
-  version "1.6.22"
-  resolved "https://registry.yarnpkg.com/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.6.22.tgz#d216e8fd0de91de3f1478ef3231e05446bc8705b"
-  integrity sha512-VefL+8o+F/DfK24lPZMtJctrCVOfgbqLAGZSkxwhazQv4VxPg3Za/i40fu22KR2m8eEda+IfSOlPLUSIiLcnCQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "7.10.4"
-    "@mdx-js/util" "1.6.22"
-
 babel-plugin-dynamic-import-node@^2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
@@ -3573,13 +3432,6 @@ babel-plugin-emotion@^10.0.27:
     find-root "^1.1.0"
     source-map "^0.5.7"
 
-babel-plugin-extract-import-names@1.6.22:
-  version "1.6.22"
-  resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.6.22.tgz#de5f9a28eb12f3eb2578bf74472204e66d1a13dc"
-  integrity sha512-yJ9BsJaISua7d8zNT7oRG1ZLBJCIdZ4PZqmH8qa9N5AK01ifk3fnkc98AXhtzE7UkfCsEumvoQWgoYLhOnJ7jQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "7.10.4"
-
 babel-plugin-macros@^2.0.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
@@ -3589,6 +3441,30 @@ babel-plugin-macros@^2.0.0:
     cosmiconfig "^6.0.0"
     resolve "^1.12.0"
 
+babel-plugin-polyfill-corejs2@^0.1.4:
+  version "0.1.10"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.1.10.tgz#a2c5c245f56c0cac3dbddbf0726a46b24f0f81d1"
+  integrity sha512-DO95wD4g0A8KRaHKi0D51NdGXzvpqVLnLu5BTvDlpqUEpTmeEtypgC1xqesORaWmiUOQI14UHKlzNd9iZ2G3ZA==
+  dependencies:
+    "@babel/compat-data" "^7.13.0"
+    "@babel/helper-define-polyfill-provider" "^0.1.5"
+    semver "^6.1.1"
+
+babel-plugin-polyfill-corejs3@^0.1.3:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.1.7.tgz#80449d9d6f2274912e05d9e182b54816904befd0"
+  integrity sha512-u+gbS9bbPhZWEeyy1oR/YaaSpod/KDT07arZHb80aTpl8H5ZBq+uN1nN9/xtX7jQyfLdPfoqI4Rue/MQSWJquw==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.1.5"
+    core-js-compat "^3.8.1"
+
+babel-plugin-polyfill-regenerator@^0.1.2:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.1.6.tgz#0fe06a026fe0faa628ccc8ba3302da0a6ce02f3f"
+  integrity sha512-OUrYG9iKPKz8NxswXbRAdSwF0GhRdIEMTloQATJi4bDuFqrXaXcCUT/VGNrr8pBcjMh1RxZ7Xt9cytVJTJfvMg==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.1.5"
+
 "babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^1.12.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"
@@ -3709,15 +3585,6 @@ bindings@^1.5.0:
   dependencies:
     file-uri-to-path "1.0.0"
 
-bl@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
 blob-util@2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/blob-util/-/blob-util-2.0.2.tgz#3b4e3c281111bb7f11128518006cdc60b403a1eb"
@@ -3739,14 +3606,14 @@ bluebird@^3.5.5, bluebird@^3.7.2:
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
-  version "4.11.9"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
+  version "4.12.0"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
+  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
 
 bn.js@^5.0.0, bn.js@^5.1.1:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
-  integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.0.tgz#358860674396c6997771a9d051fcc1b57d4ae002"
+  integrity sha512-D7iWRBvnZE8ecXiLj/9wbxH7Tk79fAh8IHaTNq1RWRixsS02W+5qS+iE9yq6RYl0asXx5tw0bLhmT5pIfbSquw==
 
 boolbase@^1.0.0:
   version "1.0.0"
@@ -3868,7 +3735,7 @@ browserslist@4.16.1:
     escalade "^3.1.1"
     node-releases "^1.1.69"
 
-browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.1, browserslist@^4.16.3, browserslist@^4.6.4:
+browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.6.4:
   version "4.16.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.16.3.tgz#340aa46940d7db878748567c5dea24a48ddf3717"
   integrity sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==
@@ -3923,7 +3790,7 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
-buffer@^5.5.0, buffer@^5.7.0:
+buffer@^5.7.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
   integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
@@ -4028,7 +3895,7 @@ camel-case@4.1.1:
     pascal-case "^3.1.1"
     tslib "^1.10.0"
 
-camel-case@4.1.2, camel-case@^4.1.1, camel-case@^4.1.2:
+camel-case@4.1.2, camel-case@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
   integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
@@ -4036,7 +3903,7 @@ camel-case@4.1.2, camel-case@^4.1.1, camel-case@^4.1.2:
     pascal-case "^3.1.2"
     tslib "^2.0.3"
 
-camelcase-css@2.0.1, camelcase-css@^2.0.1:
+camelcase-css@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
   integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
@@ -4051,10 +3918,19 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
   integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
 
-caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001173, caniuse-lite@^1.0.30001179, caniuse-lite@^1.0.30001181:
-  version "1.0.30001190"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001190.tgz#acc6d4a53c68be16cfc314d55c9cab637e558cba"
-  integrity sha512-62KVw474IK8E+bACBYhRS0/L6o/1oeAVkpF2WetjV58S5vkzNh0/Rz3lD8D4YCbOTqi0/aD4X3LtoP7V5xnuAg==
+caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001173, caniuse-lite@^1.0.30001179, caniuse-lite@^1.0.30001181, caniuse-lite@^1.0.30001196:
+  version "1.0.30001197"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001197.tgz#47ad15b977d2f32b3ec2fe2b087e0c50443771db"
+  integrity sha512-8aE+sqBqtXz4G8g35Eg/XEaFr2N7rd/VQ6eABGBmNtcB8cN6qNJhMi6oSFy4UWWZgqgL3filHT8Nha4meu3tsw==
+
+capital-case@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/capital-case/-/capital-case-1.0.4.tgz#9d130292353c9249f6b00fa5852bee38a717e669"
+  integrity sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+    upper-case-first "^2.0.2"
 
 caseless@~0.12.0:
   version "0.12.0"
@@ -4102,6 +3978,40 @@ chalk@^4.0.0, chalk@^4.1.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+change-case-all@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/change-case-all/-/change-case-all-1.0.12.tgz#ae3e0faf5e610e8e25c5d5eaa4a6d5c2f1d68797"
+  integrity sha512-zdQus7R0lkprF99lrWUC5bFj6Nog4Xt4YCEjQ/vM4vbc6b5JHFBQMxRPAjfx+HJH8WxMzH0E+lQ8yQJLgmPCBg==
+  dependencies:
+    change-case "^4.1.1"
+    is-lower-case "^2.0.1"
+    is-upper-case "^2.0.1"
+    lower-case "^2.0.1"
+    lower-case-first "^2.0.1"
+    sponge-case "^1.0.0"
+    swap-case "^2.0.1"
+    title-case "^3.0.2"
+    upper-case "^2.0.1"
+    upper-case-first "^2.0.1"
+
+change-case@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/change-case/-/change-case-4.1.2.tgz#fedfc5f136045e2398c0410ee441f95704641e12"
+  integrity sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==
+  dependencies:
+    camel-case "^4.1.2"
+    capital-case "^1.0.4"
+    constant-case "^3.0.4"
+    dot-case "^3.0.4"
+    header-case "^2.0.4"
+    no-case "^3.0.4"
+    param-case "^3.0.4"
+    pascal-case "^3.1.2"
+    path-case "^3.0.4"
+    sentence-case "^3.0.4"
+    snake-case "^3.0.4"
+    tslib "^2.0.3"
+
 character-entities-html4@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.4.tgz#0e64b0a3753ddbf1fdc044c5fd01d0199a02e125"
@@ -4288,9 +4198,9 @@ cli-width@^3.0.0:
   integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
 
 clipboard@^2.0.0:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
-  integrity sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.7.tgz#da927f817b1859426df39212ac81feb07dbaeadc"
+  integrity sha512-8M8WEZcIvs0hgOma+wAPkrUxpv0PMY1L6VsAJh/2DOKARIMpyWe6ZLcEoe1qktl6/ced5ceYHs+oGedSbgZ3sg==
   dependencies:
     good-listener "^1.2.2"
     select "^1.1.2"
@@ -4369,9 +4279,9 @@ color-name@^1.0.0, color-name@~1.1.4:
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
 color-string@^1.5.4:
-  version "1.5.4"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.4.tgz#dd51cd25cfee953d138fe4002372cc3d0e504cb6"
-  integrity sha512-57yF5yt8Xa3czSEW1jfQDE79Idk0+AkN/4KWad6tbdxUmAs3MvjxlWSWD4deYytcRfoZ9nhKyFl1kj5tBvidbw==
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.5.tgz#65474a8f0e7439625f3d27a6a19d89fc45223014"
+  integrity sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==
   dependencies:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
@@ -4384,10 +4294,10 @@ color@^3.1.3:
     color-convert "^1.9.1"
     color-string "^1.5.4"
 
-colorette@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
-  integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
+colorette@^1.2.1, colorette@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94"
+  integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
 
 colors@^1.1.2:
   version "1.4.0"
@@ -4475,21 +4385,7 @@ console-browserify@^1.1.0:
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
-
-constant-case@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/constant-case/-/constant-case-3.0.3.tgz#ac910a99caf3926ac5112f352e3af599d8c5fc0a"
-  integrity sha512-FXtsSnnrFYpzDmvwDGQW+l8XK3GV1coLyBN0eBz16ZUzGaZcT2ANVCJmLeuw2GQgxKHQIe9e0w2dzkSfaRlUmA==
-  dependencies:
-    no-case "^3.0.3"
-    tslib "^1.10.0"
-    upper-case "^2.0.1"
-
-constant-case@^3.0.3:
+constant-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/constant-case/-/constant-case-3.0.4.tgz#3b84a9aeaf4cf31ec45e6bf5de91bdfb0589faf1"
   integrity sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==
@@ -4537,23 +4433,23 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
-core-js-compat@^3.8.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.9.0.tgz#29da39385f16b71e1915565aa0385c4e0963ad56"
-  integrity sha512-YK6fwFjCOKWwGnjFUR3c544YsnA/7DoLL0ysncuOJ4pwbriAtOpvM2bygdlcXbvQCQZ7bBU9CL4t7tGl7ETRpQ==
+core-js-compat@^3.8.1, core-js-compat@^3.9.0:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.9.1.tgz#4e572acfe90aff69d76d8c37759d21a5c59bb455"
+  integrity sha512-jXAirMQxrkbiiLsCx9bQPJFA6llDadKMpYrBJQJ3/c4/vsPP/fAf29h24tviRlvwUL6AmY5CHLu2GvjuYviQqA==
   dependencies:
     browserslist "^4.16.3"
     semver "7.0.0"
 
 core-js-pure@^3.0.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.9.0.tgz#326cc74e1fef8b7443a6a793ddb0adfcd81f9efb"
-  integrity sha512-3pEcmMZC9Cq0D4ZBh3pe2HLtqxpGNJBLXF/kZ2YzK17RbKp94w0HFbdbSx8H8kAlZG5k76hvLrkPm57Uyef+kg==
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.9.1.tgz#677b322267172bd490e4464696f790cbc355bec5"
+  integrity sha512-laz3Zx0avrw9a4QEIdmIblnVuJz8W51leY9iLThatCsFawWxC3sE4guASC78JbCin+DkwMpCdp1AVAuzL/GN7A==
 
 core-js@^3.0.1:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.9.0.tgz#790b1bb11553a2272b36e2625c7179db345492f8"
-  integrity sha512-PyFBJaLq93FlyYdsndE5VaueA9K5cNB7CGzeCj191YYLhkQM0gdZR2SKihM70oF0wdqKSKClv/tEBOpoRmdOVQ==
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.9.1.tgz#cec8de593db8eb2a85ffb0dbdeb312cb6e5460ae"
+  integrity sha512-gSjRvzkxQc1zjM/5paAmL4idJBFzuJoo+jDjF1tStYFMV2ERfD02HhahhCGXUyHxQRG4yFKVSdO6g62eoRMcDg==
 
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
@@ -4767,24 +4663,24 @@ cssnano-simple@1.2.2:
     postcss "^7.0.32"
 
 csstype@^2.5.7:
-  version "2.6.15"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.15.tgz#655901663db1d652f10cb57ac6af5a05972aea1f"
-  integrity sha512-FNeiVKudquehtR3t9TRRnsHL+lJhuHF5Zn9dt01jpojlurLEPDhhEtUkWmAUJ7/fOLaLG4dCDEnUsR0N1rZSsg==
+  version "2.6.16"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.16.tgz#544d69f547013b85a40d15bff75db38f34fe9c39"
+  integrity sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q==
 
 csstype@^3.0.2:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.6.tgz#865d0b5833d7d8d40f4e5b8a6d76aea3de4725ef"
-  integrity sha512-+ZAmfyWMT7TiIlzdqJgjMb7S4f1beorDbWbsocyK4RaiqA5RTX3K14bnBWmmA9QEM0gRdsjyyrEmcyga8Zsxmw==
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.7.tgz#2a5fb75e1015e84dd15692f71e89a1450290950b"
+  integrity sha512-KxnUB0ZMlnUWCsx2Z8MUsr6qV6ja1w9ArPErJaJaF8a5SOWoHLIszeCTKGRGRgtLgYrs1E8CHkNSP1VZTTPc9g==
 
 cyclist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
-cypress@6.5.0:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-6.5.0.tgz#d853d7a8f915f894249a8788294bfba077278c17"
-  integrity sha512-ol/yTAqHrQQpYBjxLlRSvZf4DOb9AhaQNVlwdOZgJcBHZOOa52/p/6/p3PPcvzjWGOMG6Yq0z4G+jrbWyk/9Dg==
+cypress@^6.6.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-6.6.0.tgz#659c64cdb06e51b6be18fdac39d8f192deb54fa0"
+  integrity sha512-+Xx3Zn653LJHUsCb9h1Keql2jlazbr1ROmbY6DFJMmXKLgXP4ez9cE403W93JNGRbZK0Tng3R/oP8mvd9XAPVg==
   dependencies:
     "@cypress/listr-verbose-renderer" "^0.4.1"
     "@cypress/request" "^2.88.5"
@@ -4819,7 +4715,7 @@ cypress@6.5.0:
     moment "^2.29.1"
     ospath "^1.2.2"
     pretty-bytes "^5.4.1"
-    ramda "~0.26.1"
+    ramda "~0.27.1"
     request-progress "^3.0.0"
     supports-color "^7.2.0"
     tmp "~0.2.1"
@@ -4855,9 +4751,9 @@ date-fns@^1.27.2:
   integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==
 
 date-fns@^2.17.0:
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.17.0.tgz#afa55daea539239db0a64e236ce716ef3d681ba1"
-  integrity sha512-ZEhqxUtEZeGgg9eHNSOAJ8O9xqSgiJdrL0lzSSfMF54x6KXWJiOH/xntSJ9YomJPrYH/p08t6gWjGWq1SDJlSA==
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.19.0.tgz#65193348635a28d5d916c43ec7ce6fbd145059e1"
+  integrity sha512-X3bf2iTPgCAQp9wvjOQytnf5vO5rESYRXlPIVcgSbtT5OTScPcsf9eZU+B/YIkKAtYr5WeCii58BgATrNitlWg==
 
 dayjs@^1.8.29, dayjs@^1.9.3:
   version "1.10.4"
@@ -4869,6 +4765,13 @@ debounce@^1.2.0:
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
   integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
 
+debug@2, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
 debug@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
@@ -4876,10 +4779,10 @@ debug@3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@4.3.2, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
-  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
+  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
   dependencies:
     ms "2.1.2"
 
@@ -4890,12 +4793,12 @@ debug@4.1.1:
   dependencies:
     ms "^2.1.1"
 
-debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+debug@4.3.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
   dependencies:
-    ms "2.0.0"
+    ms "2.1.2"
 
 debug@^3.1.0:
   version "3.2.7"
@@ -4921,20 +4824,6 @@ decompress-response@^3.3.0:
   dependencies:
     mimic-response "^1.0.0"
 
-decompress-response@^4.2.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-4.2.1.tgz#414023cc7a302da25ce2ec82d0d5238ccafd8986"
-  integrity sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==
-  dependencies:
-    mimic-response "^2.0.0"
-
-decompress-response@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
-  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
-  dependencies:
-    mimic-response "^3.1.0"
-
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
@@ -4950,11 +4839,6 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
-deepmerge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
-
 defer-to-connect@^1.0.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
@@ -5004,11 +4888,6 @@ delegate@^3.1.2:
   resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
   integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
 
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
-
 depd@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.1.tgz#5783b4e1c459f06fa5ca27f991f3d06e7a310359"
@@ -5019,10 +4898,10 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
-dependency-graph@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.10.0.tgz#dfebe384f1f36faf7782be203a7a71102a6335a6"
-  integrity sha512-c9amUgpgxSi1bE5/sbLwcs5diLD0ygCQYmhfM5H1s5VH1mCsYkcmAL3CcNdv4kdSw6JuMoHeDGzLgj/gAXdWVg==
+dependency-graph@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.11.0.tgz#ac0ce7ed68a54da22165a85e97a01d53f5eb2e27"
+  integrity sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==
 
 deprecated-decorator@^0.1.6:
   version "0.1.6"
@@ -5037,23 +4916,11 @@ des.js@^1.0.0:
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
 
-detab@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/detab/-/detab-2.0.4.tgz#b927892069aff405fbb9a186fe97a44a92a94b43"
-  integrity sha512-8zdsQA5bIkoRECvCrNKPla84lyoR7DSAyf7p0YgXzBO9PDJx8KntPUay7NS6yp+KdxdVtiE5SpHKtbp2ZQyA9g==
-  dependencies:
-    repeat-string "^1.5.4"
-
 detect-indent@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.0.0.tgz#0abd0f549f69fc6659a254fe96786186b6f528fd"
   integrity sha512-oSyFlqaTHCItVRGK5RmrmjB+CmaMOW7IaNA/kdxqhoa6d17j/5ce9O9eWXmV/KEdRwqpQA+Vqe8a8Bsybu4YnA==
 
-detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
-
 detective@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.0.tgz#feb2a77e85b904ecdea459ad897cc90a99bd2a7b"
@@ -5167,7 +5034,7 @@ domutils@^2.4.2, domutils@^2.4.3, domutils@^2.4.4:
     domelementtype "^2.0.1"
     domhandler "^4.0.0"
 
-dot-case@^3.0.3:
+dot-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
   integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
@@ -5192,11 +5059,6 @@ duplexer3@^0.1.4:
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
   integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
 
-duplexer@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
 duplexify@^3.4.2, duplexify@^3.6.0:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
@@ -5233,9 +5095,9 @@ ecdsa-sig-formatter@1.0.11, ecdsa-sig-formatter@^1.0.11:
     safe-buffer "^5.0.1"
 
 electron-to-chromium@^1.3.634, electron-to-chromium@^1.3.649:
-  version "1.3.671"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.671.tgz#8feaed6eae42d279fa4611f58c42a5a1eb81b2a0"
-  integrity sha512-RTD97QkdrJKaKwRv9h/wGAaoR2lGxNXEcBXS31vjitgTPwTWAbLdS7cEsBK68eEQy7p6YyT8D5BxBEYHu2SuwQ==
+  version "1.3.682"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.682.tgz#f4b5c8d4479df96b61e508a721d6c32c1262ef23"
+  integrity sha512-zok2y37qR00U14uM6qBz/3iIjWHom2eRfC2S1StA0RslP7x34jX+j4mxv80t8OEOHLJPVG54ZPeaFxEI7gPrwg==
 
 elegant-spinner@^1.0.1:
   version "1.0.1"
@@ -5322,25 +5184,27 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.18.0-next.1:
-  version "1.18.0-next.2"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0-next.2.tgz#088101a55f0541f595e7e057199e27ddc8f3a5c2"
-  integrity sha512-Ih4ZMFHEtZupnUh6497zEL4y2+w8+1ljnCyaTa+adcoafI1GOvMwFlDjBLfWR7y9VLfrjRJe9ocuHY1PSR9jjw==
+es-abstract@^1.18.0-next.1, es-abstract@^1.18.0-next.2:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0.tgz#ab80b359eecb7ede4c298000390bc5ac3ec7b5a4"
+  integrity sha512-LJzK7MrQa8TS0ja2w3YNLzUgJCGPdPOV1yVvezjNnS89D+VR08+Szt2mz3YB2Dck/+w5tfIq/RoUAFqJJGM2yw==
   dependencies:
     call-bind "^1.0.2"
     es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
+    get-intrinsic "^1.1.1"
     has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.2.2"
+    has-symbols "^1.0.2"
+    is-callable "^1.2.3"
     is-negative-zero "^2.0.1"
-    is-regex "^1.1.1"
+    is-regex "^1.1.2"
+    is-string "^1.0.5"
     object-inspect "^1.9.0"
     object-keys "^1.1.1"
     object.assign "^4.1.2"
-    string.prototype.trimend "^1.0.3"
-    string.prototype.trimstart "^1.0.3"
+    string.prototype.trimend "^1.0.4"
+    string.prototype.trimstart "^1.0.4"
+    unbox-primitive "^1.0.0"
 
 es-to-primitive@^1.2.1:
   version "1.2.1"
@@ -5564,9 +5428,9 @@ event-target-shim@^5.0.0:
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
 eventemitter2@^6.4.2:
-  version "6.4.3"
-  resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.3.tgz#35c563619b13f3681e7eb05cbdaf50f56ba58820"
-  integrity sha512-t0A2msp6BzOf+QAcI6z9XMktLj52OjGQg+8SJH6v5+3uxNpWYRR3wQmfA+6xtMU9kOC59qk9licus5dYcrYkMQ==
+  version "6.4.4"
+  resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.4.tgz#aa96e8275c4dbeb017a5d0e03780c65612a1202b"
+  integrity sha512-HLU3NDY6wARrLCEwyGKRBvuWYyvW6mHYv72SJJAH3iJN3a6eVUvkjFkcxah1bcTgGVBBrFdIopBJPhCQFMLyXw==
 
 eventemitter3@^3.1.0:
   version "3.1.2"
@@ -5574,9 +5438,9 @@ eventemitter3@^3.1.0:
   integrity sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==
 
 events@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
-  integrity sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
 eventsource@1.0.7:
   version "1.0.7"
@@ -5633,11 +5497,6 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-expand-template@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c"
-  integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -5749,9 +5608,9 @@ fast-text-encoding@^1.0.0, fast-text-encoding@^1.0.3:
   integrity sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig==
 
 fastq@^1.6.0:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.10.1.tgz#8b8f2ac8bf3632d67afcd65dac248d5fdc45385e"
-  integrity sha512-AWuv6Ery3pM+dY7LYS8YIaCiQvUaos9OB1RyNgaOWnaX+Tik7Onvcsf8x8c+YtDeT0maYLniBip2hox5KtEXXA==
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.0.tgz#bb9fb955a07130a918eb63c1f5161cc32a5d0858"
+  integrity sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g==
   dependencies:
     reusify "^1.0.4"
 
@@ -5930,9 +5789,9 @@ flush-write-stream@^1.0.0:
     readable-stream "^2.3.6"
 
 follow-redirects@^1.10.0:
-  version "1.13.2"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.2.tgz#dd73c8effc12728ba5cf4259d760ea5fb83e3147"
-  integrity sha512-6mPTgLxYm3r6Bkkg0vNM0HTjfGrOEtsfbhagQvbxDEsEkpNhw582upBaoRZylzen6krEmxXJgt9Ju6HiI4O7BA==
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.3.tgz#e5598ad50174c1bc4e872301e82ac2cd97f90267"
+  integrity sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==
 
 for-each@^0.3.3:
   version "0.3.3"
@@ -6013,11 +5872,6 @@ fs-capacitor@^6.1.0:
   resolved "https://registry.yarnpkg.com/fs-capacitor/-/fs-capacitor-6.2.0.tgz#fa79ac6576629163cb84561995602d8999afb7f5"
   integrity sha512-nKcE1UduoSKX27NSZlg879LdQc94OtbOsEmKMN2MBNudXREvijRKx2GEBsTMTfws+BrbkJoEuynbGSVRSpauvw==
 
-fs-constants@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
-  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
-
 fs-extra@^9.0.1, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
@@ -6066,24 +5920,10 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
 gaxios@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-4.1.0.tgz#e8ad466db5a4383c70b9d63bfd14dfaa87eb0099"
-  integrity sha512-vb0to8xzGnA2qcgywAjtshOKKVDf2eQhJoiL6fHhgW5tVN7wNk7egnYIO9zotfn3lQ3De1VPdf7V5/BWfCtCmg==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/gaxios/-/gaxios-4.2.0.tgz#33bdc4fc241fc33b8915a4b8c07cfb368b932e46"
+  integrity sha512-Ms7fNifGv0XVU+6eIyL9LB7RVESeML9+cMvkwGS70xyD6w2Z80wl6RiqiJ9k1KFlJCUTQqFFc8tXmPQfSKUe8g==
   dependencies:
     abort-controller "^3.0.0"
     extend "^3.0.2"
@@ -6112,7 +5952,7 @@ gcs-resumable-upload@^3.1.3:
     pumpify "^2.0.0"
     stream-events "^1.0.4"
 
-gensync@^1.0.0-beta.1:
+gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
@@ -6122,7 +5962,7 @@ get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.1, get-intrinsic@^1.0.2, get-intrinsic@^1.1.0:
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
   integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
@@ -6131,6 +5971,13 @@ get-intrinsic@^1.0.1, get-intrinsic@^1.0.2, get-intrinsic@^1.1.0:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
+get-orientation@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/get-orientation/-/get-orientation-1.1.2.tgz#20507928951814f8a91ded0a0e67b29dfab98947"
+  integrity sha512-/pViTfifW+gBbh/RnlFYHINvELT9Znt+SYyDKAUL6uV6By019AK/s+i9XP4jSwq7lwP38Fd8HVeTxym3+hkwmQ==
+  dependencies:
+    stream-parser "^0.3.1"
+
 get-own-enumerable-property-symbols@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
@@ -6174,11 +6021,6 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
-github-from-package@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
-  integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
-
 glob-parent@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@@ -6188,9 +6030,9 @@ glob-parent@^3.1.0:
     path-dirname "^1.0.0"
 
 glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
-  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
@@ -6230,18 +6072,6 @@ globals@^12.1.0:
   dependencies:
     type-fest "^0.8.1"
 
-globby@11.0.1:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
-  integrity sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.1.1"
-    ignore "^5.1.4"
-    merge2 "^1.3.0"
-    slash "^3.0.0"
-
 globby@11.0.2, globby@^11.0.1:
   version "11.0.2"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.2.tgz#1af538b766a3b540ebfb58a32b2e2d5897321d83"
@@ -6471,13 +6301,6 @@ gtoken@^5.0.4:
     google-p12-pem "^3.0.3"
     jws "^4.0.0"
 
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
-  dependencies:
-    duplexer "^0.1.2"
-
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
@@ -6498,6 +6321,11 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
+has-bigints@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
+  integrity sha512-LSBS2LjbNBTf6287JEbEzvJgftkF5qFkmCo9hDRpAzKhUOlJ+hx8dd4USs00SgsUNwc4617J9ki5YtEClM2ffA==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -6508,15 +6336,10 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-symbols@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
-  integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
-
-has-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+has-symbols@^1.0.0, has-symbols@^1.0.1, has-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
+  integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
 
 has-value@^0.3.1:
   version "0.3.1"
@@ -6578,19 +6401,6 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-hast-to-hyperscript@^9.0.0:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/hast-to-hyperscript/-/hast-to-hyperscript-9.0.1.tgz#9b67fd188e4c81e8ad66f803855334173920218d"
-  integrity sha512-zQgLKqF+O2F72S1aa4y2ivxzSlko3MAvxkwG8ehGmNiqd98BIN3JM1rAJPmplEyLmGLO2QZYJtIneOSZ2YbJuA==
-  dependencies:
-    "@types/unist" "^2.0.3"
-    comma-separated-tokens "^1.0.0"
-    property-information "^5.3.0"
-    space-separated-tokens "^1.0.0"
-    style-to-object "^0.3.0"
-    unist-util-is "^4.0.0"
-    web-namespaces "^1.0.0"
-
 hast-util-embedded@^1.0.0:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/hast-util-embedded/-/hast-util-embedded-1.0.6.tgz#ea7007323351cc43e19e1d6256b7cde66ad1aa03"
@@ -6625,22 +6435,6 @@ hast-util-parse-selector@^2.0.0:
   resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.5.tgz#d57c23f4da16ae3c63b3b6ca4616683313499c3a"
   integrity sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ==
 
-hast-util-raw@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-6.0.1.tgz#973b15930b7529a7b66984c98148b46526885977"
-  integrity sha512-ZMuiYA+UF7BXBtsTBNcLBF5HzXzkyE6MLzJnL605LKE8GJylNjGc4jjxazAHUtcwT5/CEt6afRKViYB4X66dig==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    hast-util-from-parse5 "^6.0.0"
-    hast-util-to-parse5 "^6.0.0"
-    html-void-elements "^1.0.0"
-    parse5 "^6.0.0"
-    unist-util-position "^3.0.0"
-    vfile "^4.0.0"
-    web-namespaces "^1.0.0"
-    xtend "^4.0.0"
-    zwitch "^1.0.0"
-
 hast-util-to-mdast@^7.0.0:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/hast-util-to-mdast/-/hast-util-to-mdast-7.1.3.tgz#e4ad9098929355501773aed5e66c8181559eee04"
@@ -6656,19 +6450,8 @@ hast-util-to-mdast@^7.0.0:
     repeat-string "^1.6.1"
     trim-trailing-lines "^1.1.0"
     unist-util-is "^4.0.0"
-    unist-util-visit "^2.0.0"
-    xtend "^4.0.1"
-
-hast-util-to-parse5@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-6.0.0.tgz#1ec44650b631d72952066cea9b1445df699f8479"
-  integrity sha512-Lu5m6Lgm/fWuz8eWnrKezHtVY83JeRGaNQ2kn9aJgqaxvVkFCZQBEhgodZUDUvoodgyROHDb3r5IxAEdl6suJQ==
-  dependencies:
-    hast-to-hyperscript "^9.0.0"
-    property-information "^5.0.0"
-    web-namespaces "^1.0.0"
-    xtend "^4.0.0"
-    zwitch "^1.0.0"
+    unist-util-visit "^2.0.0"
+    xtend "^4.0.1"
 
 hast-util-to-text@^2.0.0:
   version "2.0.1"
@@ -6700,6 +6483,14 @@ he@1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+header-case@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/header-case/-/header-case-2.0.4.tgz#5a42e63b55177349cf405beb8d775acabb92c063"
+  integrity sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==
+  dependencies:
+    capital-case "^1.0.4"
+    tslib "^2.0.3"
+
 hmac-drbg@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -6736,11 +6527,6 @@ html-to-react@^1.3.4:
     lodash.camelcase "^4.3.0"
     ramda "^0.27.1"
 
-html-void-elements@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.5.tgz#ce9159494e86d95e45795b166c2021c2cfca4483"
-  integrity sha512-uE/TxKuyNIcx44cIWnjr/rfIATDH7ZaOMmstu0CwhFG1Dunhlp4OC6/NMbhiwoq5BpW0ubi303qnEk/PZj614w==
-
 htmlparser2@^5.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-5.0.1.tgz#7daa6fc3e35d6107ac95a4fc08781f091664f6e7"
@@ -6752,9 +6538,9 @@ htmlparser2@^5.0:
     entities "^2.0.0"
 
 htmlparser2@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.0.0.tgz#c2da005030390908ca4c91e5629e418e0665ac01"
-  integrity sha512-numTQtDZMoh78zJpaNdJ9MXb2cv5G3jwUoe3dMQODubZvLoGvTE/Ofp6sHvH8OGKcN/8A47pGLi/k58xHP/Tfw==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.0.1.tgz#422521231ef6d42e56bd411da8ba40aa36e91446"
+  integrity sha512-GDKPd+vk4jvSuvCbyuzx/unmXkk090Azec7LovXP8as1Hn8q9p3hbjmDGbUqqhknw0ajwit6LiiWqfiTUPMK7w==
   dependencies:
     domelementtype "^2.0.1"
     domhandler "^4.0.0"
@@ -6839,10 +6625,10 @@ human-signals@^1.1.1:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
   integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
 
-husky@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-5.1.2.tgz#dc6a1f68640455d8d98c28875e073087f86c5081"
-  integrity sha512-lilaRYeDXcAOj8DuRnN9IxUyEMVbYg9rK7yVNkPB5V4hCvxIUxpMeiv9K2h77CE0HzjCnk1Br0oWe1IghXngDQ==
+husky@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-5.1.3.tgz#1a0645a4fe3ffc006c4d0d8bd0bcb4c98787cc9d"
+  integrity sha512-fbNJ+Gz5wx2LIBtMweJNY1D7Uc8p1XERi5KNRMccwfQA+rXlxWNSdUxswo0gT8XqxywTIw7Ywm/F4v/O35RdMg==
 
 iconv-lite@0.4.19:
   version "0.4.19"
@@ -6954,11 +6740,6 @@ ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-inline-style-parser@0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
-  integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
-
 inquirer@^7.3.3:
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
@@ -6978,7 +6759,7 @@ inquirer@^7.3.3:
     strip-ansi "^6.0.0"
     through "^2.3.6"
 
-internal-slot@^1.0.2:
+internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
   integrity sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==
@@ -7049,6 +6830,11 @@ is-arrayish@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-bigint@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.1.tgz#6923051dfcbc764278540b9ce0e6b3213aa5ebc2"
+  integrity sha512-J0ELF4yHFxHy0cmSxZuheDOz2luOdVvqjwmEcj8H/L1JHeuEDSDbeRP+Dk9kFVk5RTFzbucJ2Kb9F7ixY2QaCg==
+
 is-binary-path@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@@ -7063,6 +6849,13 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
+is-boolean-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.0.tgz#e2aaad3a3a8fca34c28f6eee135b156ed2587ff0"
+  integrity sha512-a7Uprx8UtD+HWdyYwnD1+ExtTgqQtD2k/1yJgtXP6wnMm8byhkoTZRl+95LLThpzNZJ5aEvi46cdH+ayMFRwmA==
+  dependencies:
+    call-bind "^1.0.0"
+
 is-buffer@^1.1.5:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
@@ -7073,7 +6866,7 @@ is-buffer@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.2:
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e"
   integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==
@@ -7195,11 +6988,23 @@ is-installed-globally@^0.3.2:
     global-dirs "^2.0.1"
     is-path-inside "^3.0.1"
 
+is-lower-case@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-lower-case/-/is-lower-case-2.0.2.tgz#1c0884d3012c841556243483aa5d522f47396d2a"
+  integrity sha512-bVcMJy4X5Og6VZfdOZstSexlEy20Sr0k/p/b2IlQJlfdKAQuMpiv5w2Ccxb8sKdRUNAG1PnHVHjFSdRDVS6NlQ==
+  dependencies:
+    tslib "^2.0.3"
+
 is-negative-zero@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
   integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
 
+is-number-object@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.4.tgz#36ac95e741cf18b283fc1ddf5e83da798e3ec197"
+  integrity sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw==
+
 is-number@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
@@ -7256,7 +7061,7 @@ is-promise@^2.1.0:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
   integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
 
-is-regex@^1.1.1:
+is-regex@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.2.tgz#81c8ebde4db142f2cf1c53fc86d6a45788266251"
   integrity sha512-axvdhb5pdhEVThqJzYXwMlVuZwC+FF2DpcOhTS+y/8jVq4trxyPgfcwIxIKiyeuLlSQYKkmUaPQJ8ZE4yNKXDg==
@@ -7296,7 +7101,7 @@ is-string@^1.0.5:
   resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
   integrity sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==
 
-is-symbol@^1.0.2:
+is-symbol@^1.0.2, is-symbol@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
   integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
@@ -7315,10 +7120,17 @@ is-unc-path@^1.0.0:
   dependencies:
     unc-path-regex "^0.1.2"
 
+is-upper-case@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-upper-case/-/is-upper-case-2.0.2.tgz#f1105ced1fe4de906a5f39553e7d3803fd804649"
+  integrity sha512-44pxmxAvnnAOwBg4tHPnkfvgjPwbc5QIsSstNU+YcJ1ovxVzCWpSGosPJOZh/a1tdl81fbgnLc9LLv+x2ywbPQ==
+  dependencies:
+    tslib "^2.0.3"
+
 is-what@^3.3.1:
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.13.0.tgz#4a2e207513eec14d97c0f5375f22e0e9b0f18131"
-  integrity sha512-qYTOcdAo0H0tvMTl9ZhsjpEZH5Q07JDVrPnFMAQgBM0UctGqVsKE7LgZPNZEFPw1EhUkpaBL/BKnRgVX7CoMTw==
+  version "3.14.1"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
+  integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==
 
 is-whitespace-character@^1.0.0:
   version "1.0.4"
@@ -7729,9 +7541,9 @@ listr-verbose-renderer@^0.5.0:
     figures "^2.0.0"
 
 listr2@^3.2.2:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.3.1.tgz#87b57cc0b8541fa794b814c8bcb76f1211cfbf5c"
-  integrity sha512-8Zoxe7s/8nNr4bJ8bdAduHD8uJce+exmMmUWTXlq0WuUdffnH3muisHPHPFtW2vvOfohIsq7FGCaguUxN/h3Iw==
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.4.1.tgz#3c90d6add087f648c7ab7173e4520ddfd10f0e21"
+  integrity sha512-TYim70Kml0vISlYH7mWHqeiBytkfDwWtp4Z+HmxEXWkXCRz6sCxHisOM3b1w+OYfhLlwB7ADblC0cdZhZIriPA==
   dependencies:
     chalk "^4.1.0"
     cli-truncate "^2.1.0"
@@ -7739,7 +7551,7 @@ listr2@^3.2.2:
     indent-string "^4.0.0"
     log-update "^4.0.0"
     p-map "^4.0.0"
-    rxjs "^6.6.3"
+    rxjs "^6.6.6"
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
@@ -7772,15 +7584,6 @@ loader-utils@1.2.3:
     emojis-list "^2.0.0"
     json5 "^1.0.1"
 
-loader-utils@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
-  integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
 loader-utils@^1.0.2, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
@@ -7820,6 +7623,11 @@ lodash.castarray@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115"
   integrity sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU=
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
+
 lodash.flatten@^4.2.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
@@ -7900,17 +7708,12 @@ lodash.unescape@4.0.1:
   resolved "https://registry.yarnpkg.com/lodash.unescape/-/lodash.unescape-4.0.1.tgz#bf2249886ce514cda112fae9218cdc065211fc9c"
   integrity sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=
 
-lodash.uniq@4.5.0, lodash.uniq@^4.5.0:
+lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-lodash@4.17.20:
-  version "4.17.20"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
-  integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
-
-lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@~4.17.20:
+lodash@4.17.21, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@~4.17.20:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -7978,12 +7781,12 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lower-case@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
-  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
+lower-case-first@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case-first/-/lower-case-first-2.0.2.tgz#64c2324a2250bf7c37c5901e76a5b5309301160b"
+  integrity sha512-EVm/rR94FJTZi3zefZ82fLWab+GX14LJN4HrWBcuo6Evmsl9hEfnqxgcHCKb9q+mNf6EVdsjx/qucYFIIB84pg==
   dependencies:
-    tslib "^1.10.0"
+    tslib "^2.0.3"
 
 lower-case@^2.0.1, lower-case@^2.0.2:
   version "2.0.2"
@@ -8086,13 +7889,6 @@ mdast-comment-marker@^1.0.0:
   resolved "https://registry.yarnpkg.com/mdast-comment-marker/-/mdast-comment-marker-1.1.2.tgz#5ad2e42cfcc41b92a10c1421a98c288d7b447a6d"
   integrity sha512-vTFXtmbbF3rgnTh3Zl3irso4LtvwUq/jaDvT2D1JqTGAwaipcS7RpTxzi6KjoRqI9n2yuAhzLDAC8xVTF3XYVQ==
 
-mdast-squeeze-paragraphs@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mdast-squeeze-paragraphs/-/mdast-squeeze-paragraphs-4.0.0.tgz#7c4c114679c3bee27ef10b58e2e015be79f1ef97"
-  integrity sha512-zxdPn69hkQ1rm4J+2Cs2j6wDEv7O17TfXTJ33tl/+JPIoEmtV9t2ZzBM5LPHE8QlHsmVD8t3vPKCyY3oH+H8MQ==
-  dependencies:
-    unist-util-remove "^2.0.0"
-
 mdast-util-compact@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-2.0.1.tgz#cabc69a2f43103628326f35b1acf735d55c99490"
@@ -8100,13 +7896,6 @@ mdast-util-compact@^2.0.0:
   dependencies:
     unist-util-visit "^2.0.0"
 
-mdast-util-definitions@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-definitions/-/mdast-util-definitions-4.0.0.tgz#c5c1a84db799173b4dcf7643cda999e440c24db2"
-  integrity sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ==
-  dependencies:
-    unist-util-visit "^2.0.0"
-
 mdast-util-from-markdown@^0.8.0:
   version "0.8.5"
   resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz#d1ef2ca42bc377ecb0463a987910dae89bd9a28c"
@@ -8130,20 +7919,6 @@ mdast-util-phrasing@^2.0.0:
   dependencies:
     unist-util-is "^4.0.0"
 
-mdast-util-to-hast@10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz#0cfc82089494c52d46eb0e3edb7a4eb2aea021eb"
-  integrity sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA==
-  dependencies:
-    "@types/mdast" "^3.0.0"
-    "@types/unist" "^2.0.0"
-    mdast-util-definitions "^4.0.0"
-    mdurl "^1.0.0"
-    unist-builder "^2.0.0"
-    unist-util-generated "^1.0.0"
-    unist-util-position "^3.0.0"
-    unist-util-visit "^2.0.0"
-
 mdast-util-to-markdown@^0.6.0:
   version "0.6.5"
   resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz#b33f67ca820d69e6cc527a93d4039249b504bebe"
@@ -8166,11 +7941,6 @@ mdast-util-to-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b"
   integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==
 
-mdurl@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
-
 memoize-one@^5.0.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
@@ -8274,7 +8044,7 @@ mime-types@^2.0.8, mime-types@^2.1.12, mime-types@~2.1.19:
   dependencies:
     mime-db "1.46.0"
 
-mime@^2.2.0, mime@^2.3.1:
+mime@^2.2.0:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
   integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==
@@ -8294,16 +8064,6 @@ mimic-response@^1.0.0, mimic-response@^1.0.1:
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
   integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
 
-mimic-response@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-2.1.0.tgz#d13763d35f613d09ec37ebb30bac0469c0ee8f43"
-  integrity sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==
-
-mimic-response@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
-  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
-
 mini-svg-data-uri@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.2.3.tgz#e16baa92ad55ddaa1c2c135759129f41910bc39f"
@@ -8326,7 +8086,7 @@ minimatch@3.0.4, minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5:
+minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -8355,11 +8115,6 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
-  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
-
 mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.4:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
@@ -8446,11 +8201,6 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-napi-build-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
-  integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
-
 native-url@0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/native-url/-/native-url-0.3.4.tgz#29c943172aed86c63cee62c8c04db7f5756661f8"
@@ -8474,16 +8224,16 @@ next-seo@^4.19.0:
   integrity sha512-N3NIISxOV+6XatPdZWRt8L/PkdxX4qpl6s2uQVMYTkteo8hgpHDgs6XZkDzuHaPi10neSZoqQiytsxohTCyEvw==
 
 next@^10.0.6:
-  version "10.0.7"
-  resolved "https://registry.yarnpkg.com/next/-/next-10.0.7.tgz#442f8e1da7454de33b0bbcc1ce5684b923597ee6"
-  integrity sha512-We0utmwwfkvO12eLyUZd3tX9VLDE3FPpOaHpH3kqKdUTxJzUKt8FLBXCTm0mwsTKW5XColWG8mJvz2OLu3+3QA==
+  version "10.0.8"
+  resolved "https://registry.yarnpkg.com/next/-/next-10.0.8.tgz#a2232c11ffad974d67f3d572b8db2acaa5ddedd7"
+  integrity sha512-iDY65ce4Prn/9EnQpJGFMb5QJvtGWzZPk6KQqT7vDNu4D+jkivkk9NaAs/k1hR73pXdJHmhHer1s0YxLSghAKQ==
   dependencies:
     "@babel/runtime" "7.12.5"
     "@hapi/accept" "5.0.1"
-    "@next/env" "10.0.7"
-    "@next/polyfill-module" "10.0.7"
-    "@next/react-dev-overlay" "10.0.7"
-    "@next/react-refresh-utils" "10.0.7"
+    "@next/env" "10.0.8"
+    "@next/polyfill-module" "10.0.8"
+    "@next/react-dev-overlay" "10.0.8"
+    "@next/react-refresh-utils" "10.0.8"
     "@opentelemetry/api" "0.14.0"
     ast-types "0.13.2"
     browserslist "4.16.1"
@@ -8495,6 +8245,7 @@ next@^10.0.6:
     cssnano-simple "1.2.2"
     etag "1.8.1"
     find-cache-dir "3.3.1"
+    get-orientation "1.1.2"
     jest-worker "24.9.0"
     native-url "0.3.4"
     node-fetch "2.6.1"
@@ -8513,11 +8264,9 @@ next@^10.0.6:
     styled-jsx "3.3.2"
     use-subscription "1.5.1"
     vm-browserify "1.1.2"
-    watchpack "2.0.0-beta.13"
-  optionalDependencies:
-    sharp "0.26.3"
+    watchpack "2.1.1"
 
-no-case@^3.0.3, no-case@^3.0.4:
+no-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
   integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
@@ -8525,18 +8274,6 @@ no-case@^3.0.3, no-case@^3.0.4:
     lower-case "^2.0.2"
     tslib "^2.0.3"
 
-node-abi@^2.7.0:
-  version "2.19.3"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.19.3.tgz#252f5dcab12dad1b5503b2d27eddd4733930282d"
-  integrity sha512-9xZrlyfvKhWme2EXFKQhZRp1yNWT/uI1luYPr3sFl+H4keYY4xR+1jO7mvTTijIsHf1M+QDe9uWuKeEpLInIlg==
-  dependencies:
-    semver "^5.4.1"
-
-node-addon-api@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.1.0.tgz#98b21931557466c6729e51cb77cd39c965f42239"
-  integrity sha512-flmrDNB06LIl5lywUz7YlNGZH/5p0M7W28k8hzd9Lshtdh1wshD2Y+U4h9LD6KObOy1f+fEVdgprPrEymjM5uw==
-
 node-emoji@^1.8.1:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
@@ -8596,14 +8333,9 @@ node-libs-browser@^2.2.1:
     vm-browserify "^1.0.1"
 
 node-releases@^1.1.69, node-releases@^1.1.70:
-  version "1.1.70"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.70.tgz#66e0ed0273aa65666d7fe78febe7634875426a08"
-  integrity sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw==
-
-noop-logger@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
-  integrity sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=
+  version "1.1.71"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.71.tgz#cb1334b179896b1c89ecfdd4b725fb7bbdfc7dbb"
+  integrity sha512-zR6HoT6LrLCRBwukmrVbHv0EpEQjksO6GmFcZQQuCAy139BEsoVKPYnf3jongYW83fAa1torLGYwxxky/p28sg==
 
 normalize-path@^2.1.1:
   version "2.1.1"
@@ -8639,16 +8371,6 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
-npmlog@^4.0.1, npmlog@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
 nth-check@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.0.tgz#1bb4f6dac70072fc313e8c9cd1417b5074c0a125"
@@ -8738,23 +8460,23 @@ object.entries@^1.1.2:
     has "^1.0.3"
 
 object.fromentries@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.3.tgz#13cefcffa702dc67750314a3305e8cb3fad1d072"
-  integrity sha512-IDUSMXs6LOSJBWE++L0lzIbSqHl9KDCfff2x/JSEIDtEUavUnyMYC2ZGay/04Zq4UT8lvd4xNhU4/YHKibAOlw==
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.4.tgz#26e1ba5c4571c5c6f0890cef4473066456a120b8"
+  integrity sha512-EsFBshs5RUUpQEY1D4q/m59kMfz4YJvxuNCJcv/jWwOJr34EaVnG11ZrZa0UHB3wnzV1wx8m58T4hQL8IuNXlQ==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    es-abstract "^1.18.0-next.2"
     has "^1.0.3"
 
 object.getownpropertydescriptors@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.1.tgz#0dfda8d108074d9c563e80490c883b6661091544"
-  integrity sha512-6DtXgZ/lIZ9hqx4GtZETobXLR/ZLaa0aqV0kzbn80Rf8Z2e/XFnhA0I7p07N2wH8bBBltr2xQPi6sbKWAY2Eng==
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz#1bd63aeacf0d5d2d2f31b5e393b03a7c601a23f7"
+  integrity sha512-WtxeKSzfBjlzL+F9b7M7hewDzMwy+C8NRssHd1YrNlzHzIDrXcXiNOMrezdAEM4UXixgV+vvnyBeN7Rygl2ttQ==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    es-abstract "^1.18.0-next.2"
 
 object.pick@^1.3.0:
   version "1.3.0"
@@ -8764,13 +8486,13 @@ object.pick@^1.3.0:
     isobject "^3.0.1"
 
 object.values@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.2.tgz#7a2015e06fcb0f546bd652486ce8583a4731c731"
-  integrity sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.3.tgz#eaa8b1e17589f02f698db093f7c62ee1699742ee"
+  integrity sha512-nkF6PfDB9alkOUxpf1HNm/QlkeW3SReqL5WXeBLpEJJnlPSvRaDQpW3gQTksTN3fgJX4hL42RzKyOin6ff3tyw==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    es-abstract "^1.18.0-next.2"
     has "^1.0.3"
 
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
@@ -8799,11 +8521,6 @@ onetime@^5.1.0:
   dependencies:
     mimic-fn "^2.1.0"
 
-opener@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
-  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
-
 optimism@^0.14.0:
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/optimism/-/optimism-0.14.0.tgz#256fb079a3428585b40a3a8462f907e0abd2fc49"
@@ -8920,13 +8637,13 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
-param-case@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.3.tgz#4be41f8399eff621c56eebb829a5e451d9801238"
-  integrity sha512-VWBVyimc1+QrzappRs7waeN2YmoZFCGXWASRYX1/rGHtXqEcrGEIDm+jqIwFa2fRXNgQEwrxaYuIrX0WcAguTA==
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
   dependencies:
-    dot-case "^3.0.3"
-    tslib "^1.10.0"
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
 
 parent-module@^1.0.0:
   version "1.0.1"
@@ -8994,14 +8711,6 @@ parseurl@~1.3.2:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-pascal-case@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
-  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
-  dependencies:
-    no-case "^3.0.3"
-    tslib "^1.10.0"
-
 pascal-case@^3.1.1, pascal-case@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
@@ -9025,6 +8734,14 @@ path-browserify@1.0.1:
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
   integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
 
+path-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/path-case/-/path-case-3.0.4.tgz#9168645334eb942658375c56f80b4c0cb5f82c6f"
+  integrity sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -9353,9 +9070,9 @@ postcss-media-minmax@^4.0.0:
     postcss "^7.0.2"
 
 postcss-nested@^5.0.1:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.3.tgz#2f46d77a06fc98d9c22344fd097396f5431386db"
-  integrity sha512-R2LHPw+u5hFfDgJG748KpGbJyTv7Yr33/2tIMWxquYuHTd9EXu27PYnKi7BxMXLtzKC0a0WVsqHtd7qIluQu/g==
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.5.tgz#f0a107d33a9fab11d7637205f5321e27223e3603"
+  integrity sha512-GSRXYz5bccobpTzLQZXOnSOfKl6TwVr5CyAQJUPub4nuRJSOECK5AqurxVgmtxP48p0Kc/ndY/YyS1yqldX0Ew==
   dependencies:
     postcss-selector-parser "^6.0.4"
 
@@ -9529,42 +9246,21 @@ postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.32, postcss@^7.0.
     supports-color "^6.1.0"
 
 postcss@^8.1.6, postcss@^8.2.1, postcss@^8.2.5:
-  version "8.2.6"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.6.tgz#5d69a974543b45f87e464bc4c3e392a97d6be9fe"
-  integrity sha512-xpB8qYxgPuly166AGlpRjUdEYtmOWx2iCwGmrv4vqZL9YPVviDVPZPRXxnXr6xPZOdxQ9lp3ZBFCRgWJ7LE3Sg==
+  version "8.2.7"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.7.tgz#48ed8d88b4de10afa0dfd1c3f840aa57b55c4d47"
+  integrity sha512-DsVLH3xJzut+VT+rYr0mtvOtpTjSyqDwPf5EZWXcb0uAKfitGpTY9Ec+afi2+TgdN8rWS9Cs88UDYehKo/RvOw==
   dependencies:
-    colorette "^1.2.1"
+    colorette "^1.2.2"
     nanoid "^3.1.20"
     source-map "^0.6.1"
 
 postmark@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/postmark/-/postmark-2.7.1.tgz#752ea78b90a50059fcd14da7a78a7d70105d15c2"
-  integrity sha512-mevTZY8mZ2+DqBQweoUVsjlcsY2wu/WotDKplsFMiOy4mG7euOzmD4pqkWFymMVjeKbU52NZWEkO2Et1X0tdFw==
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/postmark/-/postmark-2.7.2.tgz#741c8d1f5be0aa26cd0709882be6b175b2bbd3c7"
+  integrity sha512-BsHLedDIncwYfp/Y6X3VEXOKICsDPZiogQpeQz+33bVeKK6w9MsbZlMonCvAVJYOdI4YU0ZrsVj1S1xTbC17lg==
   dependencies:
     axios "^0.21.1"
 
-prebuild-install@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-6.0.1.tgz#5902172f7a40eb67305b96c2a695db32636ee26d"
-  integrity sha512-7GOJrLuow8yeiyv75rmvZyeMGzl8mdEX5gY69d6a6bHWmiPevwqFw+tQavhK0EYMaSg3/KD24cWqeQv1EWsqDQ==
-  dependencies:
-    detect-libc "^1.0.3"
-    expand-template "^2.0.3"
-    github-from-package "0.0.0"
-    minimist "^1.2.3"
-    mkdirp-classic "^0.5.3"
-    napi-build-utils "^1.0.1"
-    node-abi "^2.7.0"
-    noop-logger "^0.1.1"
-    npmlog "^4.0.1"
-    pump "^3.0.0"
-    rc "^1.2.7"
-    simple-get "^3.0.3"
-    tar-fs "^2.0.0"
-    tunnel-agent "^0.6.0"
-    which-pm-runs "^1.0.0"
-
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -9606,9 +9302,9 @@ prettier@^2.0.0, prettier@^2.2.1:
   integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
 
 pretty-bytes@^5.4.1:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.5.0.tgz#0cecda50a74a941589498011cf23275aa82b339e"
-  integrity sha512-p+T744ZyjjiaFlMUZZv6YPC5JrkNj8maRmPaQCWFJFplUAzpIUTRaTcS+7wmZtUoFXHtESJb23ISliaWyz3SHA==
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
 pretty-format@^23.0.1:
   version "23.6.0"
@@ -9667,7 +9363,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@15.7.2, prop-types@^15.5.0, prop-types@^15.5.4, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@15.7.2, prop-types@^15.5.4, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -9676,7 +9372,7 @@ prop-types@15.7.2, prop-types@^15.5.0, prop-types@^15.5.4, prop-types@^15.6.2, p
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-property-information@^5.0.0, property-information@^5.3.0:
+property-information@^5.0.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/property-information/-/property-information-5.6.0.tgz#61675545fb23002f245c6540ec46077d4da3ed69"
   integrity sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==
@@ -9837,16 +9533,11 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.2.tgz#abf64491e6ecf0f38a6502403d4cda04f372dfd3"
   integrity sha512-dB15eXv3p2jDlbOiNLyMabYg1/sXvppd8DP2J3EOCQ0AkuSXCW2tP7mnVouVLJKgUMY6yP0kcQDVpLCN13h4Xg==
 
-ramda@^0.27.1:
+ramda@^0.27.1, ramda@~0.27.1:
   version "0.27.1"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.27.1.tgz#66fc2df3ef873874ffc2da6aa8984658abacf5c9"
   integrity sha512-PgIdVpn5y5Yns8vqb8FzBUEYn98V3xcPgawAkkgj0YJ0qDsnHCiNmZYfOGMgOvoB0eWFLpYbhxUR3mxfDIMvpw==
 
-ramda@~0.26.1:
-  version "0.26.1"
-  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.26.1.tgz#8d41351eb8111c55353617fc3bbffad8e4d35d06"
-  integrity sha512-hLWjpy7EnsDBb0p+Z3B7rPi3GDeRG5ZtiI33kJhTt+ORCd38AbAIjB/9zRIUoeTbE/AVX5ZkU7m6bznsvrf8eQ==
-
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -9882,7 +9573,7 @@ raw-body@2.4.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-rc@^1.2.7, rc@^1.2.8:
+rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
@@ -9892,15 +9583,6 @@ rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-clipboard.js@^2.0.16:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/react-clipboard.js/-/react-clipboard.js-2.0.16.tgz#45a60684dd6a36ff97e40c53069a27e97a4b6c9c"
-  integrity sha512-COwmnbrRbl8y4f/SjtonnJTeBRD03YzsHBL5on8iL/uyjERsMkKC7djtfmns7iRAbzadn/84MdpaqaQ3ITP47g==
-  dependencies:
-    "@types/clipboard" "^2.0.1"
-    clipboard "^2.0.0"
-    prop-types "^15.5.0"
-
 react-dom@^17.0.1:
   version "17.0.1"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.1.tgz#1de2560474ec9f0e334285662ede52dbc5426fc6"
@@ -9917,11 +9599,6 @@ react-feather@^2.0.9:
   dependencies:
     prop-types "^15.7.2"
 
-react-flip-move@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-flip-move/-/react-flip-move-3.0.4.tgz#261f66101fbc305f9b7b28959c5cf8236413ca74"
-  integrity sha512-HyUVv9g3t/BS7Yz9HgrtYSWyRNdR2F81nkj+C5iRY675AwlqCLB5JU9mnZWg0cdVz7IM4iquoyZx70vzZv3Z8Q==
-
 react-is@16.13.1, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -9983,7 +9660,7 @@ read-cache@^1.0.0:
   dependencies:
     pify "^2.3.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -9996,7 +9673,7 @@ read-cache@^1.0.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
+readable-stream@^3.1.1, readable-stream@^3.5.0, readable-stream@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
   integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
@@ -10086,7 +9763,7 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
-regexp.prototype.flags@^1.3.0:
+regexp.prototype.flags@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.3.1.tgz#7ef352ae8d159e758c0eadca6f8fcb4eef07be26"
   integrity sha512-JiBdRBq91WlY7uRJ0ds7R+dU02i6LKi8r3BuQhNXn+kmeLN+EfHhfjqMRis1zJxnlu88hq/4dx0P2OP3APRTOA==
@@ -10192,11 +9869,6 @@ relay-runtime@10.1.0:
     "@babel/runtime" "^7.0.0"
     fbjs "^3.0.0"
 
-remark-footnotes@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/remark-footnotes/-/remark-footnotes-2.0.0.tgz#9001c4c2ffebba55695d2dd80ffb8b82f7e6303f"
-  integrity sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ==
-
 remark-lint-final-newline@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/remark-lint-final-newline/-/remark-lint-final-newline-1.0.5.tgz#666f609a91f97c44f5ab7facf1fb3c5b3ffe398f"
@@ -10357,7 +10029,7 @@ remark-lint@^8.0.0:
   dependencies:
     remark-message-control "^6.0.0"
 
-remark-mdx@1.6.22, remark-mdx@^1.6.22:
+remark-mdx@^1.6.22:
   version "1.6.22"
   resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.22.tgz#06a8dab07dcfdd57f3373af7f86bd0e992108bbd"
   integrity sha512-phMHBJgeV76uyFkH4rvzCftLfKCr2RZuF+/gmVcaKrpsihyzmhXjA0BEMDaPTXG5y8qZOKPVo83NAOX01LPnOQ==
@@ -10430,13 +10102,6 @@ remark-preset-lint-recommended@^5.0.0:
     remark-lint-no-unused-definitions "^2.0.0"
     remark-lint-ordered-list-marker-style "^2.0.0"
 
-remark-squeeze-paragraphs@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/remark-squeeze-paragraphs/-/remark-squeeze-paragraphs-4.0.0.tgz#76eb0e085295131c84748c8e43810159c5653ead"
-  integrity sha512-8qRqmL9F4nuLPIgl92XUuxI3pFxize+F1H0e/W3llTk0UsjJaj01+RrirkMw7P21RKe4X6goQhYRSvNWX+70Rw==
-  dependencies:
-    mdast-squeeze-paragraphs "^4.0.0"
-
 remark-stringify@^8.1.1:
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-8.1.1.tgz#e2a9dc7a7bf44e46a155ec78996db896780d8ce5"
@@ -10546,7 +10211,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.12.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.3.2:
+resolve@^1.1.6, resolve@^1.1.7, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.3.2:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
   integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
@@ -10653,10 +10318,10 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
-rxjs@^6.3.3, rxjs@^6.6.0, rxjs@^6.6.3:
-  version "6.6.3"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
-  integrity sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==
+rxjs@^6.3.3, rxjs@^6.6.0, rxjs@^6.6.6:
+  version "6.6.6"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.6.tgz#14d8417aa5a07c5e633995b525e1e3c0dec03b70"
+  integrity sha512-/oTwee4N4iWzAMAL9xdGKjkEHmIwupR3oXbQjCKywF1BeFohswF3vZdogbmEF6pZkOsXTzWkrZszrWpQTByYVg==
   dependencies:
     tslib "^1.9.0"
 
@@ -10743,12 +10408,12 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@^5.0.1, semver@^5.4.1, semver@^5.5.0, semver@^5.6.0:
+semver@^5.0.1, semver@^5.4.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@^6.0.0, semver@^6.2.0:
+semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
@@ -10760,6 +10425,15 @@ semver@^7.2.1, semver@^7.3.2:
   dependencies:
     lru-cache "^6.0.0"
 
+sentence-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/sentence-case/-/sentence-case-3.0.4.tgz#3645a7b8c117c787fde8702056225bb62a45131f"
+  integrity sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+    upper-case-first "^2.0.2"
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -10778,7 +10452,7 @@ serve-favicon@^2.5.0:
     parseurl "~1.3.2"
     safe-buffer "5.1.1"
 
-set-blocking@^2.0.0, set-blocking@~2.0.0:
+set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -10821,22 +10495,6 @@ sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-sharp@0.26.3:
-  version "0.26.3"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.26.3.tgz#9de8577a986b22538e6e12ced1f7e8a53f9728de"
-  integrity sha512-NdEJ9S6AMr8Px0zgtFo1TJjMK/ROMU92MkDtYn2BBrDjIx3YfH9TUyGdzPC+I/L619GeYQc690Vbaxc5FPCCWg==
-  dependencies:
-    array-flatten "^3.0.0"
-    color "^3.1.3"
-    detect-libc "^1.0.3"
-    node-addon-api "^3.0.2"
-    npmlog "^4.1.2"
-    prebuild-install "^6.0.0"
-    semver "^7.3.2"
-    simple-get "^4.0.0"
-    tar-fs "^2.1.1"
-    tunnel-agent "^0.6.0"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -10863,7 +10521,7 @@ shelljs@0.8.3:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
-side-channel@^1.0.3, side-channel@^1.0.4:
+side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
   integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
@@ -10872,7 +10530,7 @@ side-channel@^1.0.3, side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.0, signal-exit@^3.0.2:
+signal-exit@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
@@ -10882,29 +10540,6 @@ signedsource@^1.0.0:
   resolved "https://registry.yarnpkg.com/signedsource/-/signedsource-1.0.0.tgz#1ddace4981798f93bd833973803d80d52e93ad6a"
   integrity sha1-HdrOSYF5j5O9gzlzgD2A1S6TrWo=
 
-simple-concat@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.1.tgz#f46976082ba35c2263f1c8ab5edfe26c41c9552f"
-  integrity sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==
-
-simple-get@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-3.1.0.tgz#b45be062435e50d159540b576202ceec40b9c6b3"
-  integrity sha512-bCR6cP+aTdScaQCnQKbPKtJOKDp/hj9EDLJo3Nw4y1QksqaovlW/bnptB6/c1e+qmNIDHRK+oXFDdEqBT8WzUA==
-  dependencies:
-    decompress-response "^4.2.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
-simple-get@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-4.0.0.tgz#73fa628278d21de83dadd5512d2cc1f4872bd675"
-  integrity sha512-ZalZGexYr3TA0SwySsr5HlgOOinS4Jsa8YB2GJ6lUNAazyAu4KG/VmzMTwAt2YVXzzVj8QmefmAonZIK2BSGcQ==
-  dependencies:
-    decompress-response "^6.0.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
 simple-swizzle@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
@@ -10912,15 +10547,6 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-sirv@^1.0.7:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.11.tgz#81c19a29202048507d6ec0d8ba8910fda52eb5a4"
-  integrity sha512-SR36i3/LSWja7AJNRBz4fF/Xjpn7lQFI30tZ434dIy+bitLYSP+ZEenHg36i23V2SGEz+kqjksg0uOGZ5LPiqg==
-  dependencies:
-    "@polka/url" "^1.0.0-next.9"
-    mime "^2.3.1"
-    totalist "^1.0.0"
-
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -10954,6 +10580,14 @@ sliced@^1.0.1:
   resolved "https://registry.yarnpkg.com/sliced/-/sliced-1.0.1.tgz#0b3a662b5d04c3177b1926bea82b03f837a2ef41"
   integrity sha1-CzpmK10Ewxd7GSa+qCsD+Dei70E=
 
+snake-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c"
+  integrity sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 snakeize@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/snakeize/-/snakeize-0.1.0.tgz#10c088d8b58eb076b3229bb5a04e232ce126422d"
@@ -11005,7 +10639,7 @@ source-map-resolve@^0.5.0:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-support@^0.5.17, source-map-support@~0.5.12, source-map-support@~0.5.19:
+source-map-support@^0.5.17, source-map-support@~0.5.12:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
   integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
@@ -11018,7 +10652,7 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
   integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 
-source-map@0.7.3, source-map@~0.7.2:
+source-map@0.7.3:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
@@ -11052,6 +10686,13 @@ split-string@^3.0.1, split-string@^3.0.2:
   dependencies:
     extend-shallow "^3.0.0"
 
+sponge-case@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/sponge-case/-/sponge-case-1.0.1.tgz#260833b86453883d974f84854cdb63aecc5aef4c"
+  integrity sha512-dblb9Et4DAtiZ5YSUZHLl4XhH4uK80GhAZrVXdN4O2P4gQ40Wa5UIOPUHlA/nFd2PLblBZWUioLMMAVrgpoYcA==
+  dependencies:
+    tslib "^2.0.3"
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -11151,6 +10792,13 @@ stream-http@^2.7.2:
     to-arraybuffer "^1.0.0"
     xtend "^4.0.0"
 
+stream-parser@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/stream-parser/-/stream-parser-0.3.1.tgz#1618548694420021a1182ff0af1911c129761773"
+  integrity sha1-FhhUhpRCACGhGC/wrxkRwSl2F3M=
+  dependencies:
+    debug "2"
+
 stream-shift@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
@@ -11194,7 +10842,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2", string-width@^2.1.1:
+string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -11203,41 +10851,41 @@ string-width@^1.0.1:
     strip-ansi "^4.0.0"
 
 string-width@^4.1.0, string-width@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
-  integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
+  integrity sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==
   dependencies:
     emoji-regex "^8.0.0"
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.0"
 
 string.prototype.matchall@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.3.tgz#24243399bc31b0a49d19e2b74171a15653ec996a"
-  integrity sha512-OBxYDA2ifZQ2e13cP82dWFMaCV9CGF8GzmN4fljBVw5O5wep0lu4gacm1OL6MjROoUnB8VbkWRThqkV2YFLNxw==
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.4.tgz#608f255e93e072107f5de066f81a2dfb78cf6b29"
+  integrity sha512-pknFIWVachNcyqRfaQSeu/FUfpvJTe4uskUSZ9Wc1RijsPuzbZ8TyYT8WCNnntCjUEqQ3vUHMAfVj2+wLAisPQ==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    es-abstract "^1.18.0-next.2"
     has-symbols "^1.0.1"
-    internal-slot "^1.0.2"
-    regexp.prototype.flags "^1.3.0"
-    side-channel "^1.0.3"
+    internal-slot "^1.0.3"
+    regexp.prototype.flags "^1.3.1"
+    side-channel "^1.0.4"
 
-string.prototype.trimend@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz#a22bd53cca5c7cf44d7c9d5c732118873d6cd18b"
-  integrity sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==
+string.prototype.trimend@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
+  integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
 
-string.prototype.trimstart@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz#9b4cb590e123bb36564401d59824298de50fd5aa"
-  integrity sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==
+string.prototype.trimstart@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
+  integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
 
 string_decoder@^1.0.0, string_decoder@^1.1.1:
@@ -11313,13 +10961,6 @@ stubs@^3.0.0:
   resolved "https://registry.yarnpkg.com/stubs/-/stubs-3.0.0.tgz#e8d2ba1fa9c90570303c030b6900f7d5f89abe5b"
   integrity sha1-6NK6H6nJBXAwPAMLaQD31fiavls=
 
-style-to-object@0.3.0, style-to-object@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46"
-  integrity sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==
-  dependencies:
-    inline-style-parser "0.1.1"
-
 styled-components@^4.4.1:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-4.4.1.tgz#e0631e889f01db67df4de576fedaca463f05c2f2"
@@ -11424,6 +11065,13 @@ supports-color@^7.1.0, supports-color@^7.2.0:
   dependencies:
     has-flag "^4.0.0"
 
+swap-case@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/swap-case/-/swap-case-2.0.2.tgz#671aedb3c9c137e2985ef51c51f9e98445bf70d9"
+  integrity sha512-kc6S2YS/2yXbtkSMunBtKdah4VFETZ8Oh6ONSmSd9bRxhqTrtARUCBUiWXH3xVPpvR7tz2CSnkuXVE42EcGnMw==
+  dependencies:
+    tslib "^2.0.3"
+
 symbol-observable@^1.0.4, symbol-observable@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
@@ -11490,27 +11138,6 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-tar-fs@^2.0.0, tar-fs@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
-  dependencies:
-    chownr "^1.1.1"
-    mkdirp-classic "^0.5.2"
-    pump "^3.0.0"
-    tar-stream "^2.1.4"
-
-tar-stream@^2.1.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
-  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
-  dependencies:
-    bl "^4.0.3"
-    end-of-stream "^1.4.1"
-    fs-constants "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-
 teeny-request@^7.0.0:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-7.0.1.tgz#bdd41fdffea5f8fbc0d29392cb47bec4f66b2b4c"
@@ -11551,37 +11178,11 @@ terser@^4.1.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-terser@^5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.6.0.tgz#138cdf21c5e3100b1b3ddfddf720962f88badcd2"
-  integrity sha512-vyqLMoqadC1uR0vywqOZzriDYzgEkNJFK4q9GeyOBHIbiECHiWLKcWfbQWAUaPfxkjDhapSlZB9f7fkMrvkVjA==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.7.2"
-    source-map-support "~0.5.19"
-
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-theme-ui@^0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/theme-ui/-/theme-ui-0.3.5.tgz#db29a4df0ad6cbf0fde42aab1cd9941c4b813efc"
-  integrity sha512-yxooGhvkdjFDotDeIFehKo5k6NnLZ3gsLSe8EDe2aDcoWqg1mZjkjjr8EYtVCrK3mk/tYz97AT5BpEnUfamNCQ==
-  dependencies:
-    "@theme-ui/color-modes" "0.3.5"
-    "@theme-ui/components" "0.3.5"
-    "@theme-ui/core" "0.3.5"
-    "@theme-ui/css" "0.3.5"
-    "@theme-ui/mdx" "0.3.5"
-    "@theme-ui/theme-provider" "0.3.5"
-
-throttle-debounce@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz#32f94d84dfa894f786c9a1f290e7a645b6a19abb"
-  integrity sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==
-
 throttleit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.0.tgz#9e785836daf46743145a5984b6268d828528ac6c"
@@ -11624,10 +11225,17 @@ tippy.js@^5.1.1:
   dependencies:
     popper.js "^1.16.0"
 
+title-case@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/title-case/-/title-case-3.0.3.tgz#bc689b46f02e411f1d1e1d081f7c3deca0489982"
+  integrity sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==
+  dependencies:
+    tslib "^2.0.3"
+
 tlds@^1.199.0:
-  version "1.217.0"
-  resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.217.0.tgz#194df180ab5ed41b439745991d4a84a93887cb7d"
-  integrity sha512-iRVizGqUFSBRwScghTSJyRkkEXqLAO17nFwlVcmsNHPDdpE+owH91wDUmZXZfJ4UdBYuVSm7kyAXZo0c4X7GFQ==
+  version "1.218.0"
+  resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.218.0.tgz#f31804891c650c136f88cb8ec2f043577b5f5afd"
+  integrity sha512-JpD3eSrYaIFlU/OvtI5WTEK+v5qXZSeUifz4hT2bJsJKx5ykjZvg6i5yXVBJNjoN3XbTCtryc7H5v8B16yHfMg==
 
 tmp@^0.0.33:
   version "0.0.33"
@@ -11695,11 +11303,6 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
-totalist@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
-  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
-
 tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -11738,9 +11341,9 @@ ts-invariant@^0.4.0:
     tslib "^1.9.3"
 
 ts-invariant@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.6.0.tgz#44066ecfeb7a806ff1c3b0b283408a337a885412"
-  integrity sha512-caoafsfgb8QxdrKzFfjKt627m4i8KTtfAiji0DYJfWI4A/S9ORNNpzYuD9br64kyKFgxn9UNaLLbSupam84mCA==
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.6.1.tgz#eb4c52b45daaca8367abbfd6cff998ea871d592d"
+  integrity sha512-QQgN33g8E8yrdDuH29HASveLtbzMnRRgWh0i/JNTW4+zcLsdIOnfsgEDi/NKx4UckQyuMFt9Ujm6TWLWQ58Kvg==
   dependencies:
     "@types/ungap__global-this" "^0.3.1"
     "@ungap/global-this" "^0.4.2"
@@ -11762,17 +11365,6 @@ ts-log@^2.2.3:
   resolved "https://registry.yarnpkg.com/ts-log/-/ts-log-2.2.3.tgz#4da5640fe25a9fb52642cd32391c886721318efb"
   integrity sha512-XvB+OdKSJ708Dmf9ore4Uf/q62AYDTzFcAdxc8KNML1mmAWywRFVt/dn1KYJH8Agt5UJNujfM3znU5PxgAzA2w==
 
-ts-node@8.9.1:
-  version "8.9.1"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.9.1.tgz#2f857f46c47e91dcd28a14e052482eb14cfd65a5"
-  integrity sha512-yrq6ODsxEFTLz0R3BX2myf0WBCSQh9A+py8PBo1dCzWIOcvisbyH6akNKqDHMgXePF2kir5mm5JXJTH3OUJYOQ==
-  dependencies:
-    arg "^4.1.0"
-    diff "^4.0.1"
-    make-error "^1.1.1"
-    source-map-support "^0.5.17"
-    yn "3.1.1"
-
 ts-node@^9:
   version "9.1.1"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-9.1.1.tgz#51a9a450a3e959401bda5f004a72d54b936d376d"
@@ -11806,9 +11398,9 @@ tslib@~2.0.1:
   integrity sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==
 
 tsutils@^3.17.1:
-  version "3.20.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.20.0.tgz#ea03ea45462e146b53d70ce0893de453ff24f698"
-  integrity sha512-RYbuQuvkhuqVeXweWT3tJLKOEJ/UUw9GjNEZGWdrLLlM+611o1gwLHBpxoFJKKl25fLprp2eVthtKs5JOrNeXg==
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
   dependencies:
     tslib "^1.8.1"
 
@@ -11897,20 +11489,15 @@ typescript-estree@18.0.0:
     lodash.unescape "4.0.1"
     semver "5.5.0"
 
-typescript@3.9.3:
-  version "3.9.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
-  integrity sha512-D/wqnB2xzNFIcoBG9FG8cXRDjiqSTbG2wd8DMZeQyJlP1vfTkIxH4GKveWaEBYySKIg+USu+E+EDIR47SqnaMQ==
-
 typescript@^3.9.3:
   version "3.9.9"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.9.tgz#e69905c54bc0681d0518bd4d587cc6f2d0b1a674"
   integrity sha512-kdMjTiekY+z/ubJCATUPlRDl39vXYiMV9iyeMuEuXZh2we6zz80uovNN2WlAxmmdE/Z/YQe+EbOEXB5RHEED3w==
 
 typescript@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.2.tgz#1450f020618f872db0ea17317d16d8da8ddb8c4c"
-  integrity sha512-tbb+NVrLfnsJy3M59lsDgrzWIflR4d4TIUjz+heUnHZwdF7YsrMTKoRERiIvI2lvBG95dfpLxB21WZhys1bgaQ==
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.3.tgz#39062d8019912d43726298f09493d598048c1ce3"
+  integrity sha512-qOcYwxaByStAWrBf4x0fibwZvMRG+r4cQoTjbPtUlrWjBHbmCAww1i448U0GJ+3cNNEtebDteo/cHOR3xJ4wEw==
 
 ua-parser-js@^0.7.18:
   version "0.7.24"
@@ -11922,6 +11509,16 @@ uc.micro@^1.0.1:
   resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
   integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
 
+unbox-primitive@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.0.tgz#eeacbc4affa28e9b3d36b5eaeccc50b3251b1d3f"
+  integrity sha512-P/51NX+JXyxK/aigg1/ZgyccdAxm5K1+n8+tvqSntjOivPt19gvm1VC49RWYetsiub8WViUchdxl/KWHHB0kzA==
+  dependencies:
+    function-bind "^1.1.1"
+    has-bigints "^1.0.0"
+    has-symbols "^1.0.0"
+    which-boxed-primitive "^1.0.1"
+
 unc-path-regex@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
@@ -12045,11 +11642,6 @@ unique-string@^2.0.0:
   dependencies:
     crypto-random-string "^2.0.0"
 
-unist-builder@2.0.3, unist-builder@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-2.0.3.tgz#77648711b5d86af0942f334397a33c5e91516436"
-  integrity sha512-f98yt5pnlMWlzP539tPc4grGMsFaQQlP/vM396b00jngsiINumNmsY8rkXjfoi1c6QaM8nQ3vaGDuoKWbe/1Uw==
-
 unist-util-find-after@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-find-after/-/unist-util-find-after-3.0.0.tgz#5c65fcebf64d4f8f496db46fa8fd0fbf354b43e6"
@@ -12063,9 +11655,9 @@ unist-util-generated@^1.0.0, unist-util-generated@^1.1.0:
   integrity sha512-cln2Mm1/CZzN5ttGK7vkoGw+RZ8VcUH6BtGbq98DDtRGquAAOXig1mrBQYelOwMXYS8rK+vZDyyojSjp7JX+Lg==
 
 unist-util-is@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.0.4.tgz#3e9e8de6af2eb0039a59f50c9b3e99698a924f50"
-  integrity sha512-3dF39j/u423v4BBQrk1AQ2Ve1FxY5W3JKwXxVFzBODQ6WEvccguhgp802qQLKSnxPODE6WuRZtV+ohlUg4meBA==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.1.0.tgz#976e5f462a7a5de73d94b706bac1b90671b57797"
+  integrity sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==
 
 unist-util-position@^3.0.0, unist-util-position@^3.1.0:
   version "3.1.0"
@@ -12079,13 +11671,6 @@ unist-util-remove-position@^2.0.0:
   dependencies:
     unist-util-visit "^2.0.0"
 
-unist-util-remove@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unist-util-remove/-/unist-util-remove-2.0.1.tgz#fa13c424ff8e964f3aa20d1098b9a690c6bfaa39"
-  integrity sha512-YtuetK6o16CMfG+0u4nndsWpujgsHDHHLyE0yGpJLLn5xSjKeyGyzEBOI2XbmoUHCYabmNgX52uxlWoQhcvR7Q==
-  dependencies:
-    unist-util-is "^4.0.0"
-
 unist-util-stringify-position@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz#cce3bfa1cdf85ba7375d1d5b17bdc4cada9bd9da"
@@ -12106,7 +11691,7 @@ unist-util-visit-parents@^3.0.0:
     "@types/unist" "^2.0.0"
     unist-util-is "^4.0.0"
 
-unist-util-visit@2.0.3, unist-util-visit@^2.0.0:
+unist-util-visit@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-2.0.3.tgz#c3703893146df47203bb8a9795af47d7b971208c"
   integrity sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==
@@ -12150,12 +11735,12 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-upper-case@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-2.0.1.tgz#6214d05e235dc817822464ccbae85822b3d8665f"
-  integrity sha512-laAsbea9SY5osxrv7S99vH9xAaJKrw5Qpdh4ENRLcaxipjKsiaBwiAsxfa8X5mObKNTQPsupSq0J/VIxsSJe3A==
+upper-case-first@^2.0.1, upper-case-first@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/upper-case-first/-/upper-case-first-2.0.2.tgz#992c3273f882abd19d1e02894cc147117f844324"
+  integrity sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==
   dependencies:
-    tslib "^1.10.0"
+    tslib "^2.0.3"
 
 upper-case@^2.0.1, upper-case@^2.0.2:
   version "2.0.2"
@@ -12257,9 +11842,9 @@ uuid@^8.0.0:
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
 v8-compile-cache@^2.0.3:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132"
-  integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
+  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
 valid-url@1.0.9, valid-url@^1.0.9:
   version "1.0.9"
@@ -12322,10 +11907,10 @@ watchpack-chokidar2@^2.0.1:
   dependencies:
     chokidar "^2.1.8"
 
-watchpack@2.0.0-beta.13:
-  version "2.0.0-beta.13"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.0.0-beta.13.tgz#9d9b0c094b8402139333e04eb6194643c8384f55"
-  integrity sha512-ZEFq2mx/k5qgQwgi6NOm+2ImICb8ngAkA/rZ6oyXZ7SgPn3pncf+nfhYTCrs3lmHwOxnPtGLTOuFLfpSMh1VMA==
+watchpack@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.1.1.tgz#e99630550fca07df9f90a06056987baa40a689c7"
+  integrity sha512-Oo7LXCmc1eE1AjyuSBmtC3+Wy4HcV8PxWh2kP6fOl8yTlNS7r0K9l1ao2lrrUza7V39Y3D/BbJgY8VeSlc5JKw==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -12356,21 +11941,6 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webpack-bundle-analyzer@4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.3.0.tgz#2f3c0ca9041d5ee47fa418693cf56b4a518b578b"
-  integrity sha512-J3TPm54bPARx6QG8z4cKBszahnUglcv70+N+8gUqv2I5KOFHJbzBiLx+pAp606so0X004fxM7hqRu10MLjJifA==
-  dependencies:
-    acorn "^8.0.4"
-    acorn-walk "^8.0.0"
-    chalk "^4.1.0"
-    commander "^6.2.0"
-    gzip-size "^6.0.0"
-    lodash "^4.17.20"
-    opener "^1.5.2"
-    sirv "^1.0.7"
-    ws "^7.3.1"
-
 webpack-sources@^1.4.0, webpack-sources@^1.4.1:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
@@ -12423,9 +11993,9 @@ websocket-extensions@>=0.1.1:
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
 whatwg-fetch@^3.4.1:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.1.tgz#93bc4005af6c2cc30ba3e42ec3125947c8f54ed3"
-  integrity sha512-IEmN/ZfmMw6G1hgZpVd0LuZXOQDisrMOZrzYd5x3RAK4bMPlJohKUZWZ9t/QsTvH0dV9TbPDcc2OSuIDcihnHA==
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
+  integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==
 
 whatwg-url@^7.0.0:
   version "7.1.0"
@@ -12436,16 +12006,22 @@ whatwg-url@^7.0.0:
     tr46 "^1.0.1"
     webidl-conversions "^4.0.2"
 
+which-boxed-primitive@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-which-pm-runs@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb"
-  integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
-
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -12453,13 +12029,6 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
-  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
-  dependencies:
-    string-width "^1.0.2 || 2"
-
 word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
@@ -12521,7 +12090,7 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-ws@7.4.3, ws@^7.3.1:
+ws@7.4.3:
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.3.tgz#1f9643de34a543b8edb124bdcbc457ae55a6e5cd"
   integrity sha512-hr6vCR76GsossIRsr8OLR9acVVm1jyfEWvhbNjtgPOrfvAlKzvyeg/P6r8RuDjRyrcQoPQT7K0DGEPc7Ae6jzA==
@@ -12602,9 +12171,9 @@ yargs-parser@^18.1.2:
     decamelize "^1.2.0"
 
 yargs-parser@^20.2.2:
-  version "20.2.5"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.5.tgz#5d37729146d3f894f39fc94b6796f5b239513186"
-  integrity sha512-jYRGS3zWy20NtDtK2kBgo/TlAoy5YUuhD9/LZ7z7W4j1Fdw2cqD0xEEclf8fxc8xjD6X5Qr+qQQwCEsP8iRiYg==
+  version "20.2.6"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.6.tgz#69f920addf61aafc0b8b89002f5d66e28f2d8b20"
+  integrity sha512-AP1+fQIWSM/sMiET8fyayjx/J+JmTPt2Mr0FkrgqB4todtfa53sOsrSAcIrJRD5XS20bKUwaDIuMkWKCEiQLKA==
 
 yargs@^15.3.1:
   version "15.4.1"