diff --git a/package.json b/package.json
index dd4cd90b..5ac2ca0a 100644
--- a/package.json
+++ b/package.json
@@ -27,21 +27,21 @@
     "@emotion/styled": "^11.3.0",
     "@mdx-js/mdx": "^1.6.19",
     "@mdx-js/react": "^1.6.19",
-    "@newrelic/gatsby-theme-newrelic": "^5.0.4",
+    "@newrelic/gatsby-theme-newrelic": "^6.6.0",
     "@splitsoftware/splitio-react": "^1.2.0",
     "gatsby": "^4.13.0",
     "gatsby-plugin-emotion": "^6.8.0",
     "gatsby-plugin-gatsby-cloud": "^4.13.0",
-    "gatsby-plugin-image": "^2.17.0",
+    "gatsby-plugin-image": "^2.18.0",
     "gatsby-plugin-manifest": "^3.13.0",
     "gatsby-plugin-mdx": "^2.8.0",
     "gatsby-plugin-react-helmet": "^4.8.0",
     "gatsby-plugin-sass": "^5.13.0",
-    "gatsby-plugin-sharp": "^4.17.0",
+    "gatsby-plugin-sharp": "^4.18.0",
     "gatsby-plugin-use-query-params": "^1.0.1",
     "gatsby-source-filesystem": "^3.8.0",
     "gatsby-transformer-json": "^3.3.0",
-    "gatsby-transformer-sharp": "^4.17.0",
+    "gatsby-transformer-sharp": "^4.18.0",
     "js-yaml": "^4.1.0",
     "pluralize": "^8.0.0",
     "react": "^17.0.1",
diff --git a/src/@newrelic/gatsby-theme-newrelic/components/GlobalFooter.js b/src/@newrelic/gatsby-theme-newrelic/components/GlobalFooter.js
index 9d736c81..bf99e358 100644
--- a/src/@newrelic/gatsby-theme-newrelic/components/GlobalFooter.js
+++ b/src/@newrelic/gatsby-theme-newrelic/components/GlobalFooter.js
@@ -8,7 +8,7 @@ import NewLogo from './NewLogo';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { css } from '@emotion/react';
-import useThemeTranslation from '@newrelic/gatsby-theme-newrelic/src//hooks/useThemeTranslation';
+import useThemeTranslation from '@newrelic/gatsby-theme-newrelic/src/hooks/useThemeTranslation';
 
 const HOME_LINK = 'https://newrelic.com';
 
@@ -67,20 +67,15 @@ const GlobalFooter = ({ className }) => {
       data-swiftype-index={false}
       className={className}
       css={css`
-        /* Color variables */
-        --background-color: #1d252c;
-        --secondary-text-color: #898e91;
-
-        color: var(--secondary-text-color);
-        background-color: var(--background-color);
+        background-color: var(--system-text-primary-light);
+        color: var(--system-text-secondary-light);
 
         /* fonts  */
-        font-family: Söhne-Buch;
         font-size: 18px;
         line-height: 24px;
 
         a {
-          color: var(--secondary-text-color);
+          color: var(--system-text-secondary-light);
           text-decoration: none;
           text-decoration-thickness: none;
         }
@@ -95,7 +90,6 @@ const GlobalFooter = ({ className }) => {
         <div
           css={css`
             display: grid;
-            background: #1d252c;
             justify-content: space-between;
             max-width: 1248px;
             margin: 0 auto;
diff --git a/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js b/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
index 10630637..a3c4a140 100644
--- a/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
+++ b/src/@newrelic/gatsby-theme-newrelic/components/GlobalHeader.js
@@ -115,7 +115,7 @@ const GlobalHeader = ({ className, activeSite }) => {
             display: none;
             @media screen and (min-width: ${NAV_BREAKPOINT}) {
               display: block;
-              background: #1d252c;
+              background: var(--system-text-primary-light);
               position: sticky;
             }
             @media screen and (max-width: ${NAV_BREAKPOINT}) {
@@ -227,16 +227,10 @@ const GlobalHeader = ({ className, activeSite }) => {
                   padding 2rem 0;
                   flex: 0 0 auto;
                   > a {
-                    --active-color: #1d252c;
-                    color: var(--white-hover-color);
-                    font-family: Söhne-Buch;
                     font-weight: 400;
                     font-size: 1.125rem;
                     padding: 2rem 1rem;
                     display: block;
-                    &:hover {
-                      color: var(--white-hover-color);
-                    }
                     &:focus {
                       outline: none;
                       text-decoration-line: underline;
@@ -246,8 +240,7 @@ const GlobalHeader = ({ className, activeSite }) => {
                     >span {
                       font-size: 100%;
                     &:hover {
-                      color: var(--white-hover-color);
-                      border-bottom: 1.5px solid var(--white-hover-color);
+                      border-bottom: 1.5px solid var(--secondary-text-color-inverted);
                     }
                   }
                   }
@@ -275,9 +268,8 @@ const GlobalHeader = ({ className, activeSite }) => {
               line-height: 1.1;
               > li {
                 transition: all 0.2s ease-out;
-                color: var(--secondary-text-color);
+                color: var(--secondary-text-color-inverted);
                 > a {
-                  font-family: Söhne-Buch;
                   font-weight: 400;
                   font-size: 1.125rem;
                   letter-spacing: -0.005em;
@@ -318,15 +310,14 @@ const GlobalHeader = ({ className, activeSite }) => {
                   text-underline-offset: 0.25rem;
                   &:focus {
                     --tw-text-opacity: 1;
-                    color: var(--white-hover-color);
+                    color: var(--system-text-primary-dark);
                   }
                   > span {
-                    color: var(--white-hover-color);
+                    color: var(--system-text-primary-dark);
                     height: 1.375rem;
 
                     &:hover {
-                      color: var(--white-hover-color);
-                      border-bottom: 1.5px solid var(--white-hover-color);
+                      border-bottom: 1.5px solid var(--system-text-primary-dark);
                     }
                   }
                   @media screen and (max-width: ${NAV_BREAKPOINT}) {
@@ -359,11 +350,12 @@ const GlobalHeader = ({ className, activeSite }) => {
                       color: rgb(28 231 131 / var(--tw-text-opacity));
                     }
                     > span {
-                      color: var(--btn-background-green);
+                      color: var(--brand-button-primary-accent);
                       height: 1.375rem;
                       &:hover {
-                        color: var(--btn-background-green);
-                        border-bottom: 1.5px solid var(--btn-background-green);
+                        color: var(--brand-button-primary-accent);
+                        border-bottom: 1.5px solid
+                          var(--brand-button-primary-accent);
                       }
                     }
                     @media screen and (max-width: ${NAV_BREAKPOINT}) {
@@ -387,7 +379,7 @@ const GlobalHeader = ({ className, activeSite }) => {
           display: none;
           position: relative;
           box-shadow: 0 0.25rem 1.875rem rgb(84 86 90 / 10%);
-          background: #1d252c;
+          background: var(--system-text-primary-light);
           border-bottom: 1px solid #83878b;
           @media screen and (max-width: ${NAV_BREAKPOINT}) {
             display: flex;
@@ -494,10 +486,10 @@ const GlobalHeader = ({ className, activeSite }) => {
 
                 ${isOpen
                   ? `
-                  color: var(--btn-text-color);
+                  color: var(--system-text-primary-dark);
                   `
                   : `
-                  color: var(--btn-text-color);
+                  color: var(--system-text-primary-dark);
                   `}
               `}
               title="Toggle menu"
@@ -516,7 +508,7 @@ const GlobalHeader = ({ className, activeSite }) => {
             position: absolute;
             width: 100vw;
             height: 100vh;
-            background-color: var(--color-white);
+            background-color: var(--primary-background-color);
             z-index: 200;
 
             @media screen and (min-width: 1128px) {
@@ -546,9 +538,6 @@ const GlobalHeader = ({ className, activeSite }) => {
                   border-bottom-width: 1px;
                   --tw-border-opacity: 1;
                   > a {
-                    --active-color: var(--color-white);
-                    font-family: Söhne-Buch;
-                    color: var(--black-text-color);
                     font-weight: 400;
                     font-size: 1.125rem;
                     line-height: 1.75rem;
@@ -557,21 +546,24 @@ const GlobalHeader = ({ className, activeSite }) => {
                     &:focus {
                       outline: none;
                       outline-width: 0.25rem;
-                      text-decoration-line: underline;
                       text-underline-offset: 0.25rem;
                     }              
 
-                > span {
-                  color: var(--black-hover-color);
-                  &:hover {
-                    color: var(--black-hover-color);
-                    border-bottom: 1.5px solid var(--black-hover-color);
+                    > span {
+                      color: var(--primary-text-color);
+                      &:hover {
+                        color: var(--primary-text-color);
+                        border-bottom: 1.5px solid var(--primary-text-color);
+                      }
+                    }
                   }
+                }
                 @media screen and (min-width: ${NAV_BREAKPOINT}) {
                   flex-direction: row;
                 }
                 --list style--
                 list-style: none;
+                    
               `}
             >
               {createNavList('main', activeSite)}
@@ -607,7 +599,6 @@ const GlobalHeader = ({ className, activeSite }) => {
               css={css`
                 ease;
                 transition: background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;
-                font-family:Söhne-Buch;
                 font-weight: 400;
                 font-size: 0.875rem;
                 line-height: 1.93;
@@ -622,11 +613,11 @@ const GlobalHeader = ({ className, activeSite }) => {
                 vertical-align: middle;
                 white-space: nowrap;
                 padding: 0.6rem 1rem;
-                border-color: var(--color-neutrals-100);
+                border-color: var(--button-text-color);
                 background-color: transparent;
-                color: var(--color-neutrals-100);
+                color: var(--button-text-color);
                 &:hover {
-                  color: var(--color-neutrals-100);
+                  color: var(--button-text-color);
                   background-color: transparent;
                 }
                 &:focus {
@@ -655,7 +646,6 @@ const GlobalHeader = ({ className, activeSite }) => {
                 padding: 0.6rem 1rem;
                 transition: background-color 0.3s ease, color 0.3s ease,
                   border-color 0.3s ease;
-                font-family: Söhne-Buch;
                 font-weight: 400;
                 font-size: 0.875rem;
                 line-height: 1.93;
@@ -667,9 +657,9 @@ const GlobalHeader = ({ className, activeSite }) => {
                 text-align: center;
                 vertical-align: middle;
                 white-space: nowrap;
-                background-color: var(--color-neutrals-100);
+                background-color: var(--color-white);
                 color: rgb(29, 37, 44);
-                border-color: var(--color-neutrals-100);
+                border-color: var(--color-white);
                 margin-left: -4.49px;
                 margin-right: 2px;
                 &:focus {
@@ -677,7 +667,7 @@ const GlobalHeader = ({ className, activeSite }) => {
                   text-underline-offset: 0.25rem;
                 }
               &:hover {
-                background-color: var(--color-neutrals-100);
+                background-color: var(--color-white);
                 color: rgb(29, 37, 44);
               }
            > span{
diff --git a/src/@newrelic/gatsby-theme-newrelic/components/GlobalStyles/themes.js b/src/@newrelic/gatsby-theme-newrelic/components/GlobalStyles/themes.js
deleted file mode 100644
index 0684857b..00000000
--- a/src/@newrelic/gatsby-theme-newrelic/components/GlobalStyles/themes.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import { css } from '@emotion/react';
-
-export default css`
-  .light-mode {
-    --primary-background-color: var(--color-white);
-    --primary-text-color: var(--color-neutrals-700);
-    --primary-text-hover-color: var(--color-neutrals-600);
-
-    --secondary-background-color: var(--color-neutrals-100);
-    --secondary-text-color: var(--color-neutrals-600);
-    --secondary-text-hover-color: var(--color-neutrals-700);
-
-    --tertiary-background-color: var(--color-neutrals-200);
-
-    --accent-text-color: var(--color-neutrals-500);
-    --link-color: var(--color-brand-500);
-    --link-hover-color: var(--color-brand-300);
-    --border-color: var(--color-neutrals-400);
-    --border-hover-color: var(--color-neutrals-500);
-    --divider-color: var(--color-neutrals-100);
-    --heading-text-color: var(--color-neutrals-900);
-
-    --callout-caution-background-color: #fce9e935;
-    --callout-important-background-color: #fff9cc30;
-    --callout-tip-background-color: #d1f7d925;
-    --callout-course-background-color: #00b3c310;
-
-    input::placeholder {
-      color: var(--color-neutrals-600);
-    }
-
-    *:not(pre) > code,
-    var {
-      background: var(--color-neutrals-200);
-    }
-  }
-`;
diff --git a/src/@newrelic/gatsby-theme-newrelic/components/Layout/Layout.js b/src/@newrelic/gatsby-theme-newrelic/components/Layout/Layout.js
index 464d95aa..545e038f 100644
--- a/src/@newrelic/gatsby-theme-newrelic/components/Layout/Layout.js
+++ b/src/@newrelic/gatsby-theme-newrelic/components/Layout/Layout.js
@@ -13,8 +13,6 @@ const Layout = ({ className, children }) => {
       className={className}
       css={css`
         --sidebar-width: 300px;
-        --primary-font-family: 'Söhne-Buch';
-        font-family: 'Söhne-Buch', sans-serif;
 
         display: grid;
         grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
diff --git a/src/components/Breadcrumbs.js b/src/components/Breadcrumbs.js
index a0fa507d..70b0a3ca 100644
--- a/src/components/Breadcrumbs.js
+++ b/src/components/Breadcrumbs.js
@@ -16,10 +16,10 @@ const Breadcrumbs = ({ segments, separator }) => {
           <Link
             to={segment.url}
             css={css`
-              color: var(--brand-highlight-green);
+              color: var(--brand-button-primary-accent);
               text-decoration: none;
               &:hover {
-                color: var(--brand-highlight-green);
+                color: var(--brand-button-primary-accent);
               }
             `}
           >
diff --git a/src/components/GetStartedFooter.js b/src/components/GetStartedFooter.js
index f3076106..067ee9c4 100644
--- a/src/components/GetStartedFooter.js
+++ b/src/components/GetStartedFooter.js
@@ -11,17 +11,6 @@ const GetStartedFooter = ({ style = 'PRIMARY', ...props }) => {
   return (
     <div
       css={css`
-        --nr1--color--accent: #1ce783;
-        --nr1--color--text--primary: #293338;
-
-        --nr1--color--background--button--primary--enabled: #293338;
-        --nr1--color--background--button--primary--hover: #000;
-        --nr1--color--text--buttton--primary: #1ce783;
-
-        --nr1--color--background--button--primary-accent--enabled: #1CE78;
-        --nr1--color--background--button--primary-accent--hover: #00ce7c;
-        --nr1--color--text--buttton--primary-accent: #000;
-
         width: 100%;
         height: 7rem;
 
@@ -31,15 +20,13 @@ const GetStartedFooter = ({ style = 'PRIMARY', ...props }) => {
 
         font-size: 33px;
 
-        background-color: var(--nr1--color--accent);
+        background-color: var(--brand-button-primary-accent);
 
         > h3 {
-          color: var(--nr1--color--text--primary);
-
-          font-family: Söhne-Buch;
           font-size: 44px;
           line-height: 50px;
           letter: -1.5%;
+          font-weight: 500;
         }
 
         @media screen and (max-width: ${MOBILE_BREAKPOINT}) {
@@ -101,7 +88,6 @@ const GetStartedFooter = ({ style = 'PRIMARY', ...props }) => {
 
           > a {
             font-size: 18px;
-            font-weight: 400;
             line-height: 24px;
 
             width: 142px;
@@ -130,31 +116,16 @@ const GetStartedFooter = ({ style = 'PRIMARY', ...props }) => {
         <Button
           {...props}
           as={ExternalLink}
-          variant={Button.VARIANT.PRIMARY}
+          variant={Button.VARIANT.NORMAL}
           href={SIGNUP_LINK}
           className="btn-styles btn1"
           css={css`
-            --button-background: var(
-              ${style === 'PRIMARY'
-                ? '--btn-background-green'
-                : '--brand-secondary-background-color'}
-            );
-            --button-text-color: var(
-              ${style === 'PRIMARY'
-                ? '--brand-primary-text-color'
-                : '--brand-secondary-text-color'}
-            );
-            background-color: var(--background-color);
-            color: var(--nr1--color--text--buttton--primary);
+            color: var(--brand-button-primary-accent);
             border-radius: 4px;
             font-size: 14px;
             line-height: 21px;
             font-weight: 400;
             padding: 1rem;
-            &:hover {
-              background-color: var(--background-color);
-              color: var(--nr1--color--text--buttton--primary);
-            }
             .scroll {
               margin-top: -1px;
             }
@@ -168,40 +139,15 @@ const GetStartedFooter = ({ style = 'PRIMARY', ...props }) => {
         <Button
           {...props}
           as={ExternalLink}
-          variant={Button.VARIANT.PRIMARY}
+          variant={Button.VARIANT.OUTLINE}
           href={DEMO_LINK}
           className="btn-styles btn1"
           css={css`
-            --button-background: var(
-              ${style === 'PRIMARY'
-                ? '--btn-background-green'
-                : '--brand-secondary-background-color'}
-            );
-            --button-text-color: var(
-              ${style === 'PRIMARY'
-                ? '--brand-primary-text-color'
-                : '--brand-secondary-text-color'}
-            );
-            background-color: var(--btn-background-green);
-            color: var(--nr1--color--text--buttton--primary-accent);
-            border: 1px solid var(--nr1--color--text--buttton--primary-accent);
             border-radius: 4px;
             font-size: 14px;
             line-height: 21px;
             font-weight: 400;
             padding: 1rem;
-
-            &:hover {
-              background-color: var(--btn-background-green);
-              color: var(--nr1--color--text--buttton--primary-accent);
-            }
-            &:focus {
-              outline: none;
-              text-decoration-line: none !important;
-            }
-            .scroll {
-              margin-top: -1px;
-            }
           `}
         >
           <div className="btn-animation-styles">
diff --git a/src/components/GlobalStyles.js b/src/components/GlobalStyles.js
deleted file mode 100644
index 297118c6..00000000
--- a/src/components/GlobalStyles.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import styled from '@emotion/styled';
-import {
-  SohneBuch,
-  SohneDreiviertelfett,
-  SohneFett,
-  SohneExtrafett,
-  SohneExtraleicht,
-  SohneHalbfett,
-  SohneKraftig,
-  SohneLeicht,
-  SohneMonoBuch,
-  SohneMonoKraftig,
-  SohneBuchKursiv,
-  SohneDreiviertelfettKursiv,
-  SohneExtrafettKursiv,
-  SohneExtraleichtKursiv,
-  SohneFettKursiv,
-  SohneHalbfettKursiv,
-  SohneKraftigKursiv,
-  SohneLeichtKursiv,
-} from './fonts';
-
-const GlobalStyles = styled.div`
-  /* BRAND COLORS */
-  --brand-highlight-green: #1ce783;
-  --brand-grey-black: #1d252c;
-  --brand-white: #f9fafa;
-
-  --brand-primary-background-color: #e5e5e5;
-  --brand-secondary-background-color: var(--brand-grey-black);
-
-  --brand-primary-text-color: var(--brand-grey-black);
-  --brand-secondary-text-color: var(--brand-white);
-
-  /* FONTS */
-  @font-face {
-    font-family: 'Söhne-Buch';
-    src: url(${SohneBuch});
-  }
-  @font-face {
-    font-family: 'Söhne-BuchKursiv';
-    src: url(${SohneBuchKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Dreiviertelfett';
-    src: url(${SohneDreiviertelfett});
-  }
-  @font-face {
-    font-family: 'Söhne-DreiviertelfettKursiv';
-    src: url(${SohneDreiviertelfettKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Extrafett';
-    src: url(${SohneExtrafett});
-  }
-  @font-face {
-    font-family: 'Söhne-ExtrafettKursiv';
-    src: url(${SohneExtrafettKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Extraleicht';
-    src: url(${SohneExtraleicht});
-  }
-  @font-face {
-    font-family: 'Söhne-ExtraleichtKursiv';
-    src: url(${SohneExtraleichtKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Fett';
-    src: url(${SohneFett});
-  }
-  @font-face {
-    font-family: 'Söhne-FettKursiv';
-    src: url(${SohneFettKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Halbfett';
-    src: url(${SohneHalbfett});
-  }
-  @font-face {
-    font-family: 'Söhne-HalbfettKursiv';
-    src: url(${SohneHalbfettKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Kräftig';
-    src: url(${SohneKraftig});
-  }
-  @font-face {
-    font-family: 'Söhne-KräftigKursiv';
-    src: url(${SohneKraftigKursiv});
-  }
-  @font-face {
-    font-family: 'Söhne-Leicht';
-    src: url(${SohneLeicht});
-  }
-  @font-face {
-    font-family: 'Söhne-LeichtKursiv';
-    src: url(${SohneLeichtKursiv});
-  }
-  @font-face {
-    font-family: 'SöhneMono-Buch';
-    src: url(${SohneMonoBuch});
-  }
-  @font-face {
-    font-family: 'SöhneMono-Kräftig';
-    src: url(${SohneMonoKraftig});
-  }
-`;
-
-export default GlobalStyles;
diff --git a/src/components/GuidedInstallTileMostPopular.js b/src/components/GuidedInstallTileMostPopular.js
index de8e7a08..4820da44 100644
--- a/src/components/GuidedInstallTileMostPopular.js
+++ b/src/components/GuidedInstallTileMostPopular.js
@@ -75,7 +75,6 @@ const GuidedInstallTileMostPopular = () => {
 
           @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
             width: 100%;
-            font-family: 'Söhne-Buch';
             font-weight: 400;
           }
         }
@@ -88,8 +87,6 @@ const GuidedInstallTileMostPopular = () => {
       >
         <h2
           css={css`
-            font-family: 'Söhne-Buch';
-
             font-weight: normal;
             font-size: 18px;
             line-height: 24px;
@@ -101,7 +98,6 @@ const GuidedInstallTileMostPopular = () => {
         <span
           css={css`
             font-size: 18px;
-            font-family: 'Söhne-Leicht';
             line-height: 24px;
             color: #898e91;
           `}
@@ -118,11 +114,9 @@ const GuidedInstallTileMostPopular = () => {
         <p
           css={css`
             font-size: 24px;
-            font-family: 'Söhne-Leicht';
             letter-spacing: -0.025em;
             line-height: 32px;
-
-            color: var(--secondary-text-color);
+            font-weight: 300;
 
             /* Limit the number of lines */
             word-break: break-word;
@@ -157,10 +151,10 @@ const GuidedInstallTileMostPopular = () => {
           size={Button.SIZE.SMALL}
           css={css`
             background: none;
-            font-weight: normal;
+            font-weight: 300;
             font-size: 18px;
-            font-family: 'Söhne-Leicht';
             padding: 0 0 3px 0;
+            color: var(--system-text-primary-dark);
             border-bottom: 1px solid white;
             &:hover {
               background: none;
diff --git a/src/components/IOBanner.js b/src/components/IOBanner.js
index cdc508bc..455aa673 100644
--- a/src/components/IOBanner.js
+++ b/src/components/IOBanner.js
@@ -29,11 +29,6 @@ const BannerHeaderContent = ({
         justify-content: center;
         text-align: center;
 
-        h1,
-        div {
-          font-family: 'Söhne-Buch';
-        }
-
         width: 1100px;
 
         @media (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
@@ -44,7 +39,8 @@ const BannerHeaderContent = ({
     >
       <h1
         css={css`
-          color: #f9fafa;
+          color: var(--secondary-text-color-inverted);
+          font-weight: 500;
           font-size: 72px;
           letter-spacing: -0.03em;
           margin: 72px 0 0;
@@ -104,12 +100,12 @@ const BannerHeaderContent = ({
               height: 64px;
               font-size: 18px;
               padding: 20px 55px 20px 24px;
-              background: #1d252c;
+              background: var(--system-text-primary-light);
               border: 1px solid #f9fafa;
               border-radius: 4px;
               color: #f9fafa;
               &::placeholder {
-                color: var(--color-neutrals-600);
+                color: var(--accent-text-color);
               }
               &:focus {
                 outline: none;
@@ -163,7 +159,7 @@ const IOBanner = ({
         margin: 0 0 0 var(--left-margin);
         padding: 0 40px;
 
-        background: #1d252c;
+        background: var(--system-text-primary-light);
         box-sizing: border-box;
         @media (max-width: 1130px) {
           --banner-height: 425px;
diff --git a/src/components/InstallButton.js b/src/components/InstallButton.js
index f3b4fc00..be0da045 100644
--- a/src/components/InstallButton.js
+++ b/src/components/InstallButton.js
@@ -182,32 +182,19 @@ const InstallButton = ({
       as={Link}
       to={installUrl}
       onClick={handleInstallClick}
-      variant={Button.VARIANT.PRIMARY}
+      variant={
+        buttonStyle === 'PRIMARY'
+          ? Button.VARIANT.PRIMARY
+          : Button.VARIANT.NORMAL
+      }
       className="btn-styles btn1"
       css={css`
-        --button-background: var(
-          ${buttonStyle === 'PRIMARY'
-            ? '--btn-background-green'
-            : '--brand-secondary-background-color'}
-        );
-        --button-text-color: var(
-          ${buttonStyle === 'PRIMARY'
-            ? '--brand-primary-text-color'
-            : '--brand-secondary-text-color'}
-        );
-        background-color: var(--button-background);
         border-radius: 4px;
-        color: var(--button-text-color);
         font-size: 14px;
         line-height: 21px;
         font-weight: 400;
         padding: 1rem;
 
-        &:hover {
-          background-color: var(--button-background);
-          color: var(--button-text-color);
-        }
-
         ${hasInstallableComponent &&
         css`
           padding: 0;
diff --git a/src/components/LandingBanner/BannerBackground.js b/src/components/LandingBanner/BannerBackground.js
index a1cc60f9..1f4eeb83 100644
--- a/src/components/LandingBanner/BannerBackground.js
+++ b/src/components/LandingBanner/BannerBackground.js
@@ -14,7 +14,7 @@ const BannerBackground = ({ children }) => {
         left: var(--left-margin);
         margin: 0 0 0 var(--left-margin);
 
-        background: var(--brand-secondary-background-color);
+        background: var(--system-text-primary-light);
         box-sizing: border-box;
       `}
     >
diff --git a/src/components/LandingBanner/index.js b/src/components/LandingBanner/index.js
index d2acf29d..de1f3f78 100644
--- a/src/components/LandingBanner/index.js
+++ b/src/components/LandingBanner/index.js
@@ -30,7 +30,7 @@ const LandingBanner = ({ quickstart, className, location }) => {
         className={className}
         css={css`
           border-bottom: none;
-          color: var(--brand-secondary-text-color);
+          color: var(--system-text-primary-dark);
           display: grid;
           width: 100%;
           grid-column-gap: 1rem;
@@ -106,7 +106,7 @@ const LandingBanner = ({ quickstart, className, location }) => {
         )}
         <h2
           css={css`
-            font-weight: normal;
+            font-weight: 500;
             grid-area: title;
             margin-bottom: 0;
 
diff --git a/src/components/LandingPageFooter.js b/src/components/LandingPageFooter.js
index 2f4d5bfe..04baeb18 100644
--- a/src/components/LandingPageFooter.js
+++ b/src/components/LandingPageFooter.js
@@ -98,18 +98,11 @@ const LandingPageFooter = ({
           <div>
             <Button
               css={css`
-                background: var(--background-color);
-                color: var(--btn-text-color);
                 border-radius: 4px;
                 padding: 0px 20px 0px 22px;
-                border-color: var(--background-color);
                 column-gap: 14.45px;
                 font-weight: 400;
                 height: 3rem;
-                &:hover {
-                  color: var(--white-hover-color);
-                  border-color: var(--background-color);
-                }
                 @media (max-width: 760px) {
                   width: 100%;
                 }
@@ -128,7 +121,7 @@ const LandingPageFooter = ({
               `}
               className="btn-styles btn1"
               as={Link}
-              variant={Button.VARIANT.OUTLINE}
+              variant={Button.VARIANT.NORMAL}
               to={quickstartUrl}
               rel="noopener noreferrer"
               onClick={trackQuickstart('QuickstartViewRepoClick', quickstart)}
@@ -152,7 +145,7 @@ const LandingPageFooter = ({
           >
             <Button
               as={ExternalLink}
-              variant={Button.VARIANT.OUTLINE}
+              variant={Button.VARIANT.NORMAL}
               to="https://developer.newrelic.com/contribute-to-quickstarts/"
               instrumentation={{
                 component: 'GlobalFooter',
@@ -161,18 +154,11 @@ const LandingPageFooter = ({
               }}
               className="btn-styles btn1"
               css={css`
-                background: var(--background-color);
-                color: var(--btn-text-color);
                 border-radius: 4px;
                 padding: 13.5px 20px 13.5px 22px;
                 column-gap: 14.45px;
                 font-weight: 400;
                 height: 48px;
-                border-color: var(--background-color);
-                &:hover {
-                  color: var(--white-hover-color);
-                  border-color: var(--background-color);
-                }
                 @media (max-width: 760px) {
                   width: 100%;
                 }
diff --git a/src/components/Markdown.js b/src/components/Markdown.js
index efd120e1..96efd50d 100644
--- a/src/components/Markdown.js
+++ b/src/components/Markdown.js
@@ -32,7 +32,7 @@ const h2Tag = (props) => {
       css={css`
         line-height: 50px;
         margin-top: 104px;
-        font-weight: 100;
+        font-weight: 500;
       `}
     >
       {' '}
@@ -46,7 +46,6 @@ const h3Tag = (props) => {
       css={css`
         line-height: 32px;
         margin-top: 60px;
-        font-weight: 50;
       `}
     >
       {' '}
diff --git a/src/components/QuickstartAlerts.js b/src/components/QuickstartAlerts.js
index 7c25f4d9..9a207412 100644
--- a/src/components/QuickstartAlerts.js
+++ b/src/components/QuickstartAlerts.js
@@ -11,7 +11,6 @@ const QuickstartAlerts = ({ quickstart }) => (
     <Intro
       css={css`
         margin-bottom: 16px;
-        color: var(--black-text-color);
       `}
     >
       {quickstart.title} observability quickstart contains{' '}
@@ -26,7 +25,6 @@ const QuickstartAlerts = ({ quickstart }) => (
         display: grid;
         grid-gap: 1rem;
         grid-template-columns: repeat(4, 1fr);
-        color: var(--black-text-color);
 
         @media (max-width: 760px) {
           grid-template-columns: repeat(1, 1fr);
@@ -54,8 +52,8 @@ const QuickstartAlerts = ({ quickstart }) => (
           />
           <p
             css={css`
-              font-family: 'Söhne-Kräftig';
               margin-top: 16px;
+              font-weight: 500;
               margin-bottom: 16px;
             `}
           >
diff --git a/src/components/QuickstartDashboards.js b/src/components/QuickstartDashboards.js
index 1511d329..33ee5000 100644
--- a/src/components/QuickstartDashboards.js
+++ b/src/components/QuickstartDashboards.js
@@ -77,7 +77,6 @@ const QuickstartDashboards = ({ quickstart }) => {
       <Intro
         css={css`
           margin-bottom: 16px;
-          color: var(--black-text-color);
           @media screen and (max-width: 760px) {
             display: none;
           }
@@ -94,8 +93,7 @@ const QuickstartDashboards = ({ quickstart }) => {
           <div>
             <p
               css={css`
-                font-weight: 700 !important;
-                font-family: 'Söhne-Kräftig';
+                font-weight: 600;
               `}
             >
               {dashboard.name}
diff --git a/src/components/QuickstartDataSources.js b/src/components/QuickstartDataSources.js
index 2eafb290..d0b82653 100644
--- a/src/components/QuickstartDataSources.js
+++ b/src/components/QuickstartDataSources.js
@@ -23,7 +23,6 @@ const QuickstartDataSources = ({ quickstart }) => {
       <Intro
         css={css`
           margin-bottom: 16px;
-          color: var(--black-text-color);
         `}
       >
         {quickstart.title} observability quickstart contains{' '}
@@ -36,7 +35,6 @@ const QuickstartDataSources = ({ quickstart }) => {
           display: grid;
           grid-gap: 1rem;
           grid-template-columns: repeat(4, 1fr);
-          color: var(--black-text-color);
 
           @media (max-width: 1180px) {
             grid-template-columns: repeat(1, 1fr);
@@ -74,9 +72,9 @@ const QuickstartDataSources = ({ quickstart }) => {
             />
             <p
               css={css`
-                font-family: 'Söhne-Kräftig';
                 margin-top: 16px;
                 margin-bottom: 16px;
+                font-weight: 500;
               `}
             >
               {doc.name}
diff --git a/src/components/QuickstartHowToUse.js b/src/components/QuickstartHowToUse.js
index 298123f2..bfe0bd4c 100644
--- a/src/components/QuickstartHowToUse.js
+++ b/src/components/QuickstartHowToUse.js
@@ -23,7 +23,7 @@ const QuickstartHowToUse = ({
           css={css`
             top: 0;
             width: 100%;
-            font-weight: 400;
+            font-weight: 500;
             padding-bottom: 2rem;
           `}
         >
@@ -32,7 +32,6 @@ const QuickstartHowToUse = ({
 
         <ul
           css={css`
-            color: var(--black-text-color);
             font-size: 18px;
             padding-bottom: 2rem;
           `}
@@ -40,15 +39,15 @@ const QuickstartHowToUse = ({
           <li
             css={css`
               ::marker {
-                color: var(--link-font-color);
+                color: var(--primary-text-color);
               }
             `}
           >
             <Link
               css={css`
-                color: var(--link-font-color);
+                color: var(--primary-text-color);
                 &:hover {
-                  color: var(--hover-color);
+                  color: var(--primary-text-color);
                 }
               `}
               to={SIGNUP_LINK}
@@ -62,9 +61,9 @@ const QuickstartHowToUse = ({
             for a free New Relic account or{' '}
             <Link
               css={css`
-                color: var(--link-font-color);
+                color: var(--primary-text-color);
                 &:hover {
-                  color: var(--hover-color);
+                  color: var(--primary-text-color);
                 }
               `}
               to={LOGIN_LINK}
@@ -80,7 +79,7 @@ const QuickstartHowToUse = ({
           <li
             css={css`
               ::marker {
-                color: var(--link-font-color);
+                color: var(--primary-text-color);
               }
             `}
           >
@@ -89,7 +88,7 @@ const QuickstartHowToUse = ({
           <li
             css={css`
               ::marker {
-                color: var(--link-font-color);
+                color: var(--primary-text-color);
               }
             `}
           >
diff --git a/src/components/QuickstartTile.js b/src/components/QuickstartTile.js
index 0022dc4e..bdf8787c 100644
--- a/src/components/QuickstartTile.js
+++ b/src/components/QuickstartTile.js
@@ -82,13 +82,12 @@ const QuickstartTile = ({
         h4,
         p,
         span {
-          font-family: 'Söhne-Leicht';
           letter-spacing: -0.5%;
-          color: #1d252c;
+          color: var(--primary-text-color);
+          font-weight: 300;
 
           @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
             width: 100%;
-            font-family: 'Söhne-Buch';
             font-weight: 400;
           }
         }
diff --git a/src/components/WhatsIncluded/Alerts.js b/src/components/WhatsIncluded/Alerts.js
index 3b7f04bd..d14dcb26 100644
--- a/src/components/WhatsIncluded/Alerts.js
+++ b/src/components/WhatsIncluded/Alerts.js
@@ -30,7 +30,7 @@ const Alerts = ({ quickstart }) => {
         <div
           css={css`
             display: inline-block;
-            background: var(--background-grey-color);
+            background: var(--border-color);
             padding: 1px 4px;
             border-radius: 3px;
           `}
diff --git a/src/components/WhatsIncluded/Dashboards.js b/src/components/WhatsIncluded/Dashboards.js
index 12965183..7594a751 100644
--- a/src/components/WhatsIncluded/Dashboards.js
+++ b/src/components/WhatsIncluded/Dashboards.js
@@ -16,7 +16,7 @@ const Dashboards = ({ quickstart }) => {
         <div
           css={css`
             display: inline-block;
-            background: var(--background-grey-color);
+            background: var(--border-color);
             padding: 1px 6px;
             border-radius: 3px;
           `}
diff --git a/src/components/WhatsIncluded/DataSources.js b/src/components/WhatsIncluded/DataSources.js
index dfdd9095..f3e391b1 100644
--- a/src/components/WhatsIncluded/DataSources.js
+++ b/src/components/WhatsIncluded/DataSources.js
@@ -30,7 +30,7 @@ const DataSources = ({ quickstart }) => {
         <div
           css={css`
             display: inline-block;
-            background: var(--background-grey-color);
+            background: var(--border-color);
             padding: 1px 4px;
             border-radius: 3px;
           `}
diff --git a/src/components/WhatsIncluded/WhatsIncludedHeader.jsx b/src/components/WhatsIncluded/WhatsIncludedHeader.jsx
index 270000be..39d9cf10 100644
--- a/src/components/WhatsIncluded/WhatsIncludedHeader.jsx
+++ b/src/components/WhatsIncluded/WhatsIncludedHeader.jsx
@@ -26,7 +26,7 @@ const WhatsIncludedHeader = () => {
     >
       <h3
         css={css`
-          font-weight: 400;
+          font-weight: 500;
         `}
       >
         What&apos;s included?
diff --git a/src/components/fonts.js b/src/components/fonts.js
deleted file mode 100644
index 7d1652ba..00000000
--- a/src/components/fonts.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import SohneBuch from '../fonts/sohnefonts/sohne-buch.otf';
-
-// Regular
-import SohneDreiviertelfett from '../fonts/sohnefonts/sohne-dreiviertelfett.otf';
-import SohneFett from '../fonts/sohnefonts/sohne-fett.otf';
-import SohneExtrafett from '../fonts/sohnefonts/sohne-extrafett.otf';
-import SohneExtraleicht from '../fonts/sohnefonts/sohne-extraleicht.otf';
-import SohneHalbfett from '../fonts/sohnefonts/sohne-halbfett.otf';
-import SohneKraftig from '../fonts/sohnefonts/sohne-kraftig.otf';
-import SohneLeicht from '../fonts/sohnefonts/sohne-leicht.otf';
-import SohneMonoBuch from '../fonts/sohnefonts/sohnemono-buch.otf';
-import SohneMonoKraftig from '../fonts/sohnefonts/sohnemono-kraftig.otf';
-
-// Italics
-import SohneBuchKursiv from '../fonts/sohnefonts/sohne-buchkursiv.otf';
-import SohneDreiviertelfettKursiv from '../fonts/sohnefonts/sohne-dreiviertelfettkursiv.otf';
-import SohneExtrafettKursiv from '../fonts/sohnefonts/sohne-extrafettkursiv.otf';
-import SohneExtraleichtKursiv from '../fonts/sohnefonts/sohne-extraleichtkursiv.otf';
-import SohneFettKursiv from '../fonts/sohnefonts/sohne-fettkursiv.otf';
-import SohneHalbfettKursiv from '../fonts/sohnefonts/sohne-halbfettkursiv.otf';
-import SohneKraftigKursiv from '../fonts/sohnefonts/sohne-kraftigkursiv.otf';
-import SohneLeichtKursiv from '../fonts/sohnefonts/sohne-leichtkursiv.otf';
-
-export {
-  SohneBuch,
-  SohneDreiviertelfett,
-  SohneFett,
-  SohneExtrafett,
-  SohneExtraleicht,
-  SohneHalbfett,
-  SohneKraftig,
-  SohneLeicht,
-  SohneMonoBuch,
-  SohneMonoKraftig,
-  SohneBuchKursiv,
-  SohneDreiviertelfettKursiv,
-  SohneExtrafettKursiv,
-  SohneExtraleichtKursiv,
-  SohneFettKursiv,
-  SohneHalbfettKursiv,
-  SohneKraftigKursiv,
-  SohneLeichtKursiv,
-};
diff --git a/src/components/styles.scss b/src/components/styles.scss
index 512b5b00..818d995b 100644
--- a/src/components/styles.scss
+++ b/src/components/styles.scss
@@ -1,16 +1,6 @@
 :root {
   --height-mobile-nav-bar: 60px;
   --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  --link-font-color: #1D252C;
-  --hover-color: #1D252C;
-  --white-hover-color: #F9FAFA;
-  --background-color: #1D252C;
-  --btn-text-color: #F9FAFA;
-  --black-text-color: #1D252C;
-  --background-grey-color: #D6D6D6;
-  --btn-background-green: #1CE783;
-  --category-hover-color: #E4E5E6;
-  --black-hover-color: #1D252C;
   --site-content-padding: 3.75rem !important;
 
   @media (max-width: 960px) {
@@ -21,12 +11,6 @@
   --translateY-distance: -22px;
 }
 
-h1,
-h2,
-h3 {
-  font-family: 'Söhne-Kräftig';
-}
-
 h1 {
   font-size: 72px;
 }
@@ -35,12 +19,6 @@ h2 {
   font-size: 56px;
 }
 
-h4,
-h5,
-h6,
-p {
-  font-family: 'Söhne-Buch';
-}
 
 h6 {
   font-size: 24px;
diff --git a/src/fonts/sohnefonts/sohne-buch.otf b/src/fonts/sohnefonts/sohne-buch.otf
deleted file mode 100644
index c39bbd63..00000000
Binary files a/src/fonts/sohnefonts/sohne-buch.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-buchkursiv.otf b/src/fonts/sohnefonts/sohne-buchkursiv.otf
deleted file mode 100644
index ede053a7..00000000
Binary files a/src/fonts/sohnefonts/sohne-buchkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-dreiviertelfett.otf b/src/fonts/sohnefonts/sohne-dreiviertelfett.otf
deleted file mode 100644
index 46f3f0af..00000000
Binary files a/src/fonts/sohnefonts/sohne-dreiviertelfett.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-dreiviertelfettkursiv.otf b/src/fonts/sohnefonts/sohne-dreiviertelfettkursiv.otf
deleted file mode 100644
index 18d43f87..00000000
Binary files a/src/fonts/sohnefonts/sohne-dreiviertelfettkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-extrafett.otf b/src/fonts/sohnefonts/sohne-extrafett.otf
deleted file mode 100644
index ed11ec70..00000000
Binary files a/src/fonts/sohnefonts/sohne-extrafett.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-extrafettkursiv.otf b/src/fonts/sohnefonts/sohne-extrafettkursiv.otf
deleted file mode 100644
index 440a2c9d..00000000
Binary files a/src/fonts/sohnefonts/sohne-extrafettkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-extraleicht.otf b/src/fonts/sohnefonts/sohne-extraleicht.otf
deleted file mode 100644
index a2d0408a..00000000
Binary files a/src/fonts/sohnefonts/sohne-extraleicht.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-extraleichtkursiv.otf b/src/fonts/sohnefonts/sohne-extraleichtkursiv.otf
deleted file mode 100644
index abb5894d..00000000
Binary files a/src/fonts/sohnefonts/sohne-extraleichtkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-fett.otf b/src/fonts/sohnefonts/sohne-fett.otf
deleted file mode 100644
index c28e74a7..00000000
Binary files a/src/fonts/sohnefonts/sohne-fett.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-fettkursiv.otf b/src/fonts/sohnefonts/sohne-fettkursiv.otf
deleted file mode 100644
index ad027a5c..00000000
Binary files a/src/fonts/sohnefonts/sohne-fettkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-halbfett.otf b/src/fonts/sohnefonts/sohne-halbfett.otf
deleted file mode 100644
index 67e53403..00000000
Binary files a/src/fonts/sohnefonts/sohne-halbfett.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-halbfettkursiv.otf b/src/fonts/sohnefonts/sohne-halbfettkursiv.otf
deleted file mode 100644
index d0b2da52..00000000
Binary files a/src/fonts/sohnefonts/sohne-halbfettkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-kraftig.otf b/src/fonts/sohnefonts/sohne-kraftig.otf
deleted file mode 100644
index 7d3ffe86..00000000
Binary files a/src/fonts/sohnefonts/sohne-kraftig.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-kraftigkursiv.otf b/src/fonts/sohnefonts/sohne-kraftigkursiv.otf
deleted file mode 100644
index 2c24631e..00000000
Binary files a/src/fonts/sohnefonts/sohne-kraftigkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-leicht.otf b/src/fonts/sohnefonts/sohne-leicht.otf
deleted file mode 100644
index eb7134b2..00000000
Binary files a/src/fonts/sohnefonts/sohne-leicht.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohne-leichtkursiv.otf b/src/fonts/sohnefonts/sohne-leichtkursiv.otf
deleted file mode 100644
index 933c6380..00000000
Binary files a/src/fonts/sohnefonts/sohne-leichtkursiv.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohnemono-buch.otf b/src/fonts/sohnefonts/sohnemono-buch.otf
deleted file mode 100644
index c0978bae..00000000
Binary files a/src/fonts/sohnefonts/sohnemono-buch.otf and /dev/null differ
diff --git a/src/fonts/sohnefonts/sohnemono-kraftig.otf b/src/fonts/sohnefonts/sohnemono-kraftig.otf
deleted file mode 100644
index eb22712b..00000000
Binary files a/src/fonts/sohnefonts/sohnemono-kraftig.otf and /dev/null differ
diff --git a/src/layouts/index.js b/src/layouts/index.js
index b4686fad..3d69fc87 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -1,22 +1,13 @@
 import React from 'react';
 import QuickStartLayout from './QuickStartLayout';
 import PropTypes from 'prop-types';
-import GlobalStyles from '@components/GlobalStyles';
 
 const Layout = ({ children, pageContext }) => {
   if (pageContext.layout === 'QuickStartLayout') {
-    return (
-      <QuickStartLayout>
-        <GlobalStyles>{children}</GlobalStyles>
-      </QuickStartLayout>
-    );
+    return <QuickStartLayout>{children}</QuickStartLayout>;
   }
 
-  return (
-    <div>
-      <GlobalStyles>{children}</GlobalStyles>
-    </div>
-  );
+  return <div>{children}</div>;
 };
 
 Layout.propTypes = {
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 27bb7cab..b3db6400 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -335,7 +335,6 @@ const QuickstartsPage = ({ data, location }) => {
           --sidebar-width: 300px;
           --banner-height: 450px;
           --divider-color: #e4e5e6;
-          --primary-text-color: #1d252c;
           display: grid;
           grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
           grid-template-areas: 'sidebar main';
@@ -389,10 +388,9 @@ const QuickstartsPage = ({ data, location }) => {
               overflow: auto;
 
               label {
-                font-family: 'Söhne-Leicht';
                 font-size: 28px;
                 line-height: 36px;
-                font-weight: normal;
+                font-weight: 300;
                 margin-bottom: 23px;
                 letter-spacing: -0.5px;
               }
@@ -412,9 +410,8 @@ const QuickstartsPage = ({ data, location }) => {
                   onClick={() => handleCategory(value)}
                   css={css`
                     padding: 8px 12px;
-                    font-family: 'Söhne-Leicht';
                     font-size: 18px;
-                    font-weight: 400;
+                    font-weight: 300;
                     line-height: 54px;
                     width: 100%;
                     display: flex;
@@ -503,7 +500,6 @@ const QuickstartsPage = ({ data, location }) => {
                 <h3
                   css={css`
                     padding: 0.5rem 0 0 0.5rem;
-                    font-family: 'Söhne-Buch';
                     font-size: 28px;
                     line-height: 36px;
                     margin-bottom: 12px;
@@ -533,7 +529,6 @@ const QuickstartsPage = ({ data, location }) => {
                         color: var(--primary-text-color);
                         border-radius: 3px;
                         padding: 8px 12px;
-                        font-family: 'Söhne-Buch';
                         font-size: 18px;
                         line-height: 54px;
                         background: ${category === value
@@ -593,12 +588,10 @@ const QuickstartsPage = ({ data, location }) => {
                       span {
                       }
                       strong {
-                        font-family: 'Söhne-Leicht';
                         font-size: 28px;
                         line-height: 36px;
                         letter-spacing: -0.5px;
-                        color: #1d252c;
-                        font-weight: normal;
+                        font-weight: 300;
                       }
                       @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
                         padding: 0 0 0.5rem;
@@ -644,12 +637,10 @@ const QuickstartsPage = ({ data, location }) => {
                   margin: 75px 0 13px 0;
 
                   strong {
-                    font-family: 'Söhne-Leicht';
                     font-size: 28px;
                     line-height: 36px;
                     letter-spacing: -0.5px;
-                    color: #1d252c;
-                    font-weight: normal;
+                    font-weight: 300;
                   }
                   @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
                     padding: 0 0 0.5rem;
@@ -683,25 +674,20 @@ const QuickstartsPage = ({ data, location }) => {
           )}
           <div
             css={css`
-              --text-color: var(--primary-text-color);
               margin: 0px 0 13px 4px;
 
               padding: 0 0 1.25rem 0;
               font-size: 18px;
-              color: var(--color-neutrals-800);
               display: flex;
               justify-content: space-between;
               align-text: center;
 
               span {
                 width: 100%;
-                color: var(--text-color);
 
                 /* target inner children of parent span */
                 span,
                 strong {
-                  font-family: 'Söhne-Leicht';
-
                   letter-space: -0.5px;
                   @media screen and (max-width: ${QUICKSTARTS_COLLAPSE_BREAKPOINT}) {
                     display: none;
@@ -710,12 +696,11 @@ const QuickstartsPage = ({ data, location }) => {
               }
 
               strong {
-                color: var(--text-color);
                 display: block;
                 text-overflow: ellipsis;
                 overflow-x: hidden;
                 whitespace: nowrap;
-                font-weight: 100;
+                font-weight: 300;
                 font-size: 28px;
               }
 
diff --git a/src/templates/QuickstartDetails.js b/src/templates/QuickstartDetails.js
index b619e3b7..0735c819 100644
--- a/src/templates/QuickstartDetails.js
+++ b/src/templates/QuickstartDetails.js
@@ -110,8 +110,6 @@ const QuickstartDetails = ({ data, location }) => {
           @media (max-width: 760px) {
             --page-margin: 30px;
           }
-
-          font-family: 'Söhne-Buch';
         `}
       >
         <LandingBanner
@@ -189,7 +187,7 @@ const QuickstartDetails = ({ data, location }) => {
               padding-bottom: 63px;
             }
 
-            background-color: #f1f2f2;
+            background: #e8e8e8;
           `}
         >
           <QuickstartHowToUse
diff --git a/yarn.lock b/yarn.lock
index aae5c99c..0dd1c229 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2528,31 +2528,61 @@
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-2.5.2.tgz#bc66fa43286b5c082e8fee0eacc17995806b6fbe"
   integrity sha512-+F8ioQIUN68B4UFiIBYu0QQvgb9FmlKw2ctQMSBfW2QBrZIxz9vD9jCGqTCPqZBRbPHAS/vG1zSXnKqnS2ch/A==
 
+"@lmdb/lmdb-darwin-arm64@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-2.5.3.tgz#c423b068165df18da57a81dce5c95f98c6ab9265"
+  integrity sha512-RXwGZ/0eCqtCY8FLTM/koR60w+MXyvBUpToXiIyjOcBnC81tAlTUHrRUavCEWPI9zc9VgvpK3+cbumPyR8BSuA==
+
 "@lmdb/lmdb-darwin-x64@2.5.2":
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-2.5.2.tgz#89d8390041bce6bab24a82a20392be22faf54ffc"
   integrity sha512-KvPH56KRLLx4KSfKBx0m1r7GGGUMXm0jrKmNE7plbHlesZMuPJICtn07HYgQhj1LNsK7Yqwuvnqh1QxhJnF1EA==
 
+"@lmdb/lmdb-darwin-x64@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-2.5.3.tgz#dde76e65595b34a17289a63f770a8aee13a85a9b"
+  integrity sha512-337dNzh5yCdNCTk8kPfoU7jR3otibSlPDGW0vKZT97rKnQMb9tNdto3RtWoGPsQ8hKmlRZpojOJtmwjncq1MoA==
+
 "@lmdb/lmdb-linux-arm64@2.5.2":
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-2.5.2.tgz#14fe4c96c2bb1285f93797f45915fa35ee047268"
   integrity sha512-aLl89VHL/wjhievEOlPocoefUyWdvzVrcQ/MHQYZm2JfV1jUsrbr/ZfkPPUFvZBf+VSE+Q0clWs9l29PCX1hTQ==
 
+"@lmdb/lmdb-linux-arm64@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-2.5.3.tgz#d98f32383d37a058e6c51b7ffd665c2c2f91c285"
+  integrity sha512-VJw60Mdgb4n+L0fO1PqfB0C7TyEQolJAC8qpqvG3JoQwvyOv6LH7Ib/WE3wxEW9nuHmVz9jkK7lk5HfWWgoO1Q==
+
 "@lmdb/lmdb-linux-arm@2.5.2":
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-2.5.2.tgz#05bde4573ab10cf21827339fe687148f2590cfa1"
   integrity sha512-5kQAP21hAkfW5Bl+e0P57dV4dGYnkNIpR7f/GAh6QHlgXx+vp/teVj4PGRZaKAvt0GX6++N6hF8NnGElLDuIDw==
 
+"@lmdb/lmdb-linux-arm@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-2.5.3.tgz#6251143d7b470e126b0b0fc17ae64c6680e268b2"
+  integrity sha512-mU2HFJDGwECkoD9dHQEfeTG5mp8hNS2BCfwoiOpVPMeapjYpQz9Uw3FkUjRZ4dGHWKbin40oWHuL0bk2bCx+Sg==
+
 "@lmdb/lmdb-linux-x64@2.5.2":
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-2.5.2.tgz#d2f85afd857d2c33d2caa5b057944574edafcfee"
   integrity sha512-xUdUfwDJLGjOUPH3BuPBt0NlIrR7f/QHKgu3GZIXswMMIihAekj2i97oI0iWG5Bok/b+OBjHPfa8IU9velnP/Q==
 
+"@lmdb/lmdb-linux-x64@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-2.5.3.tgz#ef3a9793391ab4a68379e753943c9055fd0f5bf3"
+  integrity sha512-qaReO5aV8griBDsBr8uBF/faO3ieGjY1RY4p8JvTL6Mu1ylLrTVvOONqKFlNaCwrmUjWw5jnf7VafxDAeQHTow==
+
 "@lmdb/lmdb-win32-x64@2.5.2":
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-2.5.2.tgz#28f643fbc0bec30b07fbe95b137879b6b4d1c9c5"
   integrity sha512-zrBczSbXKxEyK2ijtbRdICDygRqWSRPpZMN5dD1T8VMEW5RIhIbwFWw2phDRXuBQdVDpSjalCIUMWMV2h3JaZA==
 
+"@lmdb/lmdb-win32-x64@2.5.3":
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-2.5.3.tgz#c72e8b6faae31d925d23a6db0379cc3fe0216fdd"
+  integrity sha512-cK+Elf3RjEzrm3SerAhrFWL5oQAsZSJ/LmjL1joIpTfEP1etJJ9CTRvdaV6XLYAxaEkfdhk/9hOvHLbR9yIhCA==
+
 "@mdx-js/mdx@^1.6.19":
   version "1.6.22"
   resolved "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.6.22.tgz"
@@ -2618,10 +2648,10 @@
     eslint-plugin-promise "^4.2.1"
     eslint-plugin-react "^7.14.3"
 
-"@newrelic/gatsby-theme-newrelic@^5.0.4":
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/@newrelic/gatsby-theme-newrelic/-/gatsby-theme-newrelic-5.0.4.tgz#fba9daed3c3f6ee9309f0a713a181b66757fe7a9"
-  integrity sha512-4mb2AnV/DCVcBrc4VdZeVwm4iX3WOGuwugbau8aDQRxFKMESIC1m1fis243EIB8+GXkIMns4NspDge9O3wDJ/A==
+"@newrelic/gatsby-theme-newrelic@^6.6.0":
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/@newrelic/gatsby-theme-newrelic/-/gatsby-theme-newrelic-6.6.0.tgz#42e6fd32c8d41119a297be5d9922799bfb49f174"
+  integrity sha512-KckGIOnRssWxmFgtfTF5FtBy1LT+M3gMXJLG9SsLyyiHhWQ/FuzUuMPJ0IHbkofhAQVcH2ObPjfuvyh4Rf4kkw==
   dependencies:
     "@wry/equality" "^0.4.0"
     "@xstate/react" "^1.3.1"
@@ -2632,11 +2662,11 @@
     gatsby-plugin-newrelic "^2.0.0"
     gatsby-plugin-react-helmet "^4.10.0"
     gatsby-plugin-robots-txt "^1.6.8"
-    gatsby-plugin-sharp "^4.4.0"
+    gatsby-plugin-sharp "4.4.0"
     gatsby-plugin-sitemap "^4.6.0"
     gatsby-plugin-use-dark-mode "^1.3.0"
     gatsby-source-filesystem "^3.10.0"
-    gatsby-transformer-sharp "^4.6.0"
+    gatsby-transformer-sharp "4.6.0"
     html-react-parser "^1.2.5"
     i18next "^20.2.1"
     js-cookie "^2.2.1"
@@ -2644,7 +2674,8 @@
     path-browserify "^1.0.1"
     polished "^4.1.1"
     prism-react-renderer "^1.2.0"
-    prismjs "^1.23.0"
+    prismjs "^1.28.0"
+    prop-types "^15.5.7"
     react-i18next "^11.8.13"
     react-live "^2.2.3"
     react-middle-ellipsis "^1.1.0"
@@ -3596,7 +3627,7 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@turist/fetch@^7.1.7":
+"@turist/fetch@^7.1.7", "@turist/fetch@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@turist/fetch/-/fetch-7.2.0.tgz#57df869df1cd9b299588554eec4b8543effcc714"
   integrity sha512-2x7EGw+6OJ29phunsbGvtxlNmSfcuPcyYudkMbi8gARCP9eJ1CtuMvnVUHL//O9Ixi9SJiug8wNt6lj86pN8XQ==
@@ -3977,13 +4008,6 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
   integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
 
-"@types/sharp@^0.29.5":
-  version "0.29.5"
-  resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.29.5.tgz#9c7032d30d138ad16dde6326beaff2af757b91b3"
-  integrity sha512-3TC+S3H5RwnJmLYMHrcdfNjz/CaApKmujjY9b6PU/pE6n0qfooi99YqXGWoW8frU9EWYj/XTI35Pzxa+ThAZ5Q==
-  dependencies:
-    "@types/node" "*"
-
 "@types/sharp@^0.30.0":
   version "0.30.2"
   resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.30.2.tgz#df5ff34140b3bad165482e6f3d26b08e42a0503a"
@@ -4736,6 +4760,11 @@ async@1.5.2:
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
   integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
 
+async@^3.2.2:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+
 async@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.3.tgz#ac53dafd3f4720ee9e8a160628f18ea91df196c9"
@@ -4936,13 +4965,13 @@ babel-plugin-remove-graphql-queries@^4.13.0:
     "@babel/runtime" "^7.15.4"
     gatsby-core-utils "^3.13.0"
 
-babel-plugin-remove-graphql-queries@^4.17.0:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-4.17.0.tgz#debb5b83b069ccd4f10e33536aad3602157900f0"
-  integrity sha512-UovjamHhy5y46WyBO/hfqxrLbMq04o+hlTeqCRzeLol4eWtH+8CufdLAZWYtM1l1BIChwvXCxDY2ugeXlbj7+w==
+babel-plugin-remove-graphql-queries@^4.18.0:
+  version "4.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-4.18.0.tgz#796558bb8e2463a45e1a11b649ae96a2d627d3dc"
+  integrity sha512-6oOm/cTZdk+7yPh4R4ISLKNur3rK5w2zAUCXTOGKYcRYbvKCS22ODafQBrNcu/UdfpXwSz3XZOG5ru72Z5usUw==
   dependencies:
     "@babel/runtime" "^7.15.4"
-    gatsby-core-utils "^3.17.0"
+    gatsby-core-utils "^3.18.0"
 
 babel-plugin-transform-react-remove-prop-types@^0.4.24:
   version "0.4.24"
@@ -5529,7 +5558,7 @@ cheerio@^0.22.0:
     lodash.reject "^4.4.0"
     lodash.some "^4.4.0"
 
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -5717,14 +5746,6 @@ color@^4.0.1:
     color-convert "^2.0.1"
     color-string "^1.9.0"
 
-color@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-4.2.1.tgz#498aee5fce7fc982606c8875cab080ac0547c884"
-  integrity sha512-MFJr0uY4RvTQUKvPq7dh9grVOTYSFeXja2mBXioCGjnjJoXrAp9jJ1NQTDR73c9nwBSAQiNKloKl5zq9WB9UPw==
-  dependencies:
-    color-convert "^2.0.1"
-    color-string "^1.9.0"
-
 color@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
@@ -6381,7 +6402,7 @@ debug@2, debug@2.6.9, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, de
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -6449,9 +6470,9 @@ deep-is@^0.1.3, deep-is@~0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-deepmerge@^4.0, deepmerge@^4.2.2:
+deepmerge@^4.0, deepmerge@^4.0.0, deepmerge@^4.2.2:
   version "4.2.2"
-  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz"
+  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:
@@ -7997,10 +8018,10 @@ gatsby-core-utils@^2.14.0:
     tmp "^0.2.1"
     xdg-basedir "^4.0.0"
 
-gatsby-core-utils@^3.11.1:
-  version "3.11.1"
-  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.11.1.tgz#ea87c1d3aa45c26c9ea32b8e8b029afe6a56f8c7"
-  integrity sha512-Op9/uihtcsDLlZDfRsGJ1ya2mFx2YH9Zmx93bawElZ0YpIzKjCkNTp+I5i5UANxvs5I+Fljl0WHQRudMWg+fWA==
+gatsby-core-utils@^3.13.0:
+  version "3.13.0"
+  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.13.0.tgz#b6137bbd285e41a6811ccd33fcd5d5f6a5a17aef"
+  integrity sha512-uAyy54t9dYAUHjLq38QfX/pxyWxsqDiWN/+Ppg/KXTbE83LUQlD0PctdNxz9jFmJ8CgE1BUbfUKpmemh8BLkjw==
   dependencies:
     "@babel/runtime" "^7.15.4"
     ci-info "2.0.0"
@@ -8010,7 +8031,7 @@ gatsby-core-utils@^3.11.1:
     fs-extra "^10.0.0"
     got "^11.8.3"
     import-from "^4.0.0"
-    lmdb "^2.2.4"
+    lmdb "^2.2.6"
     lock "^1.1.0"
     node-object-hash "^2.3.10"
     proper-lockfile "^4.1.2"
@@ -8018,20 +8039,20 @@ gatsby-core-utils@^3.11.1:
     tmp "^0.2.1"
     xdg-basedir "^4.0.0"
 
-gatsby-core-utils@^3.13.0:
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.13.0.tgz#b6137bbd285e41a6811ccd33fcd5d5f6a5a17aef"
-  integrity sha512-uAyy54t9dYAUHjLq38QfX/pxyWxsqDiWN/+Ppg/KXTbE83LUQlD0PctdNxz9jFmJ8CgE1BUbfUKpmemh8BLkjw==
+gatsby-core-utils@^3.18.0:
+  version "3.18.0"
+  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.18.0.tgz#4b03ee01822d399eec06ba83c867967d14669a42"
+  integrity sha512-mCoNgH4MilosLhEroklgVffwie9lyxgmvNwe/oIyzXr6NcZ2uxSp8G1KrgxdG2srt2hCNlZLlzS25ltLTeHTjA==
   dependencies:
     "@babel/runtime" "^7.15.4"
     ci-info "2.0.0"
     configstore "^5.0.1"
     fastq "^1.13.0"
     file-type "^16.5.3"
-    fs-extra "^10.0.0"
-    got "^11.8.3"
+    fs-extra "^10.1.0"
+    got "^11.8.5"
     import-from "^4.0.0"
-    lmdb "^2.2.6"
+    lmdb "2.5.2"
     lock "^1.1.0"
     node-object-hash "^2.3.10"
     proper-lockfile "^4.1.2"
@@ -8039,10 +8060,10 @@ gatsby-core-utils@^3.13.0:
     tmp "^0.2.1"
     xdg-basedir "^4.0.0"
 
-gatsby-core-utils@^3.17.0:
-  version "3.17.0"
-  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.17.0.tgz#5fe33c4267a3d0a7439b8065ee9c16f5cc2aead1"
-  integrity sha512-1e0YaqTAEpSSBkpWkY703lu+Bl76ASXUvUcpnNO3CavCYZsRQxAXtMXIKIEvhm1z6zWJmY9HILo6/DjP+PHeyw==
+gatsby-core-utils@^3.18.1, gatsby-core-utils@^3.4.0:
+  version "3.18.1"
+  resolved "https://registry.yarnpkg.com/gatsby-core-utils/-/gatsby-core-utils-3.18.1.tgz#7a9451ad1802a6489d24d5b52176720345e1b967"
+  integrity sha512-sJTxRqizLxYy/tSFk0ydfqEZ3ek1So9HDVUa39F6Oi8XuPCBTFzaAooUvowKGneI5YUbdk5y4VO4ybwVUynntw==
   dependencies:
     "@babel/runtime" "^7.15.4"
     ci-info "2.0.0"
@@ -8050,9 +8071,9 @@ gatsby-core-utils@^3.17.0:
     fastq "^1.13.0"
     file-type "^16.5.3"
     fs-extra "^10.1.0"
-    got "^11.8.3"
+    got "^11.8.5"
     import-from "^4.0.0"
-    lmdb "2.5.2"
+    lmdb "2.5.3"
     lock "^1.1.0"
     node-object-hash "^2.3.10"
     proper-lockfile "^4.1.2"
@@ -8174,23 +8195,23 @@ gatsby-plugin-gatsby-cloud@^4.13.0:
     lodash "^4.17.21"
     webpack-assets-manifest "^5.1.0"
 
-gatsby-plugin-image@^2.17.0:
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-image/-/gatsby-plugin-image-2.17.0.tgz#8106818cf09409f22356a61c7e1a2ceefc4f934b"
-  integrity sha512-YBVYczsxq04oA3+tx80f94FSxtCjFKc9tKj68Zp/NRZGmLL5/0/s++UcMHxzusmC2P/rAKfDlQ6HNOhm5dwFhQ==
+gatsby-plugin-image@^2.18.0:
+  version "2.18.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-image/-/gatsby-plugin-image-2.18.0.tgz#78e720f15b5b5a5620a6b1a0675cdf5d5232bd93"
+  integrity sha512-/WvMDUiZvofmxHzHeEPLNL605FU1AK5pLXKKS8aekRigbNbi+Gip2ZROFPJtj4oxyKDmtD+HaVCNf1q8SdhPEg==
   dependencies:
     "@babel/code-frame" "^7.14.0"
     "@babel/parser" "^7.15.5"
     "@babel/runtime" "^7.15.4"
     "@babel/traverse" "^7.15.4"
     babel-jsx-utils "^1.1.0"
-    babel-plugin-remove-graphql-queries "^4.17.0"
+    babel-plugin-remove-graphql-queries "^4.18.0"
     camelcase "^5.3.1"
-    chokidar "^3.5.2"
+    chokidar "^3.5.3"
     common-tags "^1.8.2"
     fs-extra "^10.1.0"
-    gatsby-core-utils "^3.17.0"
-    gatsby-plugin-utils "^3.11.0"
+    gatsby-core-utils "^3.18.0"
+    gatsby-plugin-utils "^3.12.0"
     objectFitPolyfill "^2.3.5"
     prop-types "^15.8.1"
 
@@ -8303,54 +8324,53 @@ gatsby-plugin-sass@^5.13.0:
     resolve-url-loader "^3.1.4"
     sass-loader "^10.1.1"
 
-gatsby-plugin-sharp@^4.17.0:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-4.17.0.tgz#157901c4e3ac728f562d08d4a846fa1bd888a81c"
-  integrity sha512-+wP4hskMBSNgPYqBX2uqoqb5JUtMMvaZTzYNkZmnKkg85rHeDpUy+eMoCqrhh8wpW/NgcbQ9o6uK43jj2qv0xQ==
+gatsby-plugin-sharp@4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-4.4.0.tgz#d3d182f1397011aeb969f4300022ff13df81e720"
+  integrity sha512-X2Syc6YfOD2O+5A2Lrd/l/HXHIAIjcbRfP38uJPbG0cZg3xRd3T7RaDEcDrFylHvpYZfcqjzumfwPeQuhhxUUQ==
   dependencies:
     "@babel/runtime" "^7.15.4"
-    "@gatsbyjs/potrace" "^2.2.0"
-    async "^3.2.3"
+    async "^3.2.2"
     bluebird "^3.7.2"
-    debug "^4.3.4"
     filenamify "^4.3.0"
-    fs-extra "^10.1.0"
-    gatsby-core-utils "^3.17.0"
-    gatsby-plugin-utils "^3.11.0"
-    gatsby-telemetry "^3.17.0"
+    fs-extra "^10.0.0"
+    gatsby-core-utils "^3.4.0"
+    gatsby-plugin-utils "^2.4.0"
+    gatsby-telemetry "^3.4.0"
     got "^11.8.3"
     lodash "^4.17.21"
-    mini-svg-data-uri "^1.4.4"
-    probe-image-size "^7.2.3"
+    mini-svg-data-uri "^1.4.3"
+    potrace "^2.1.8"
+    probe-image-size "^6.0.0"
     progress "^2.0.3"
-    semver "^7.3.7"
-    sharp "^0.30.3"
+    semver "^7.3.5"
+    sharp "^0.29.3"
     svgo "1.3.2"
+    uuid "3.4.0"
 
-gatsby-plugin-sharp@^4.4.0:
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-4.11.1.tgz#c6459f6636696919b4688b471fe4d4f1cf6f1f9a"
-  integrity sha512-wmbDnVl1386Mpm446tCavrI818HBpFOYk53cTerj5vaS+YmmuALwKSYVYOT2+LuVvZW0oaijuaDBeDnftq882g==
+gatsby-plugin-sharp@^4.18.0:
+  version "4.18.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-4.18.0.tgz#31f04aba2f95f02cb036ac623430c6b732bd6a0d"
+  integrity sha512-ExGzy8xAwc5+4nDHgGe1k8Id/HZpETPSizLNeJ5We3T4hjshdfgvnuRiAZf2VIY60+VPuVCezYNn4n7gPTShRw==
   dependencies:
     "@babel/runtime" "^7.15.4"
+    "@gatsbyjs/potrace" "^2.2.0"
     async "^3.2.3"
     bluebird "^3.7.2"
-    debug "^4.3.3"
+    debug "^4.3.4"
     filenamify "^4.3.0"
-    fs-extra "^10.0.0"
-    gatsby-core-utils "^3.11.1"
-    gatsby-plugin-utils "^3.5.1"
-    gatsby-telemetry "^3.11.1"
-    got "^11.8.3"
+    fs-extra "^10.1.0"
+    gatsby-core-utils "^3.18.0"
+    gatsby-plugin-utils "^3.12.0"
+    gatsby-telemetry "^3.18.0"
+    got "^11.8.5"
     lodash "^4.17.21"
-    mini-svg-data-uri "^1.4.3"
-    potrace "^2.1.8"
-    probe-image-size "^7.0.0"
+    mini-svg-data-uri "^1.4.4"
+    probe-image-size "^7.2.3"
     progress "^2.0.3"
-    semver "^7.3.5"
-    sharp "^0.30.1"
+    semver "^7.3.7"
+    sharp "^0.30.3"
     svgo "1.3.2"
-    uuid "3.4.0"
 
 gatsby-plugin-sitemap@^4.6.0:
   version "4.10.0"
@@ -8396,36 +8416,30 @@ gatsby-plugin-utils@^1.14.0:
     "@babel/runtime" "^7.15.4"
     joi "^17.4.2"
 
-gatsby-plugin-utils@^3.11.0:
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-utils/-/gatsby-plugin-utils-3.11.0.tgz#cffbd98ab0cafe2ff9b8eb513c980024605dcadf"
-  integrity sha512-v2D6O2aME9p7tqlGykq5mgtj7Jqp/CWatgo0zJ7bFWSYPPUpQ7jRVAph1PIgFTAV/CaUrrvt9sxdRaZrglJyug==
+gatsby-plugin-utils@^2.4.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-utils/-/gatsby-plugin-utils-2.5.0.tgz#33c343faa01577df032d4cf53c7c2b04b0b19248"
+  integrity sha512-B/JpKTQJQNRVo3b3rRbOgHKV3/i3V5fYLPOGvBU6qHxBtQ9I5YYwXrsLJYX5vl4bEtLtrkiQG9zQyvSSXzJ9Sw==
   dependencies:
     "@babel/runtime" "^7.15.4"
-    "@gatsbyjs/potrace" "^2.2.0"
-    fs-extra "^10.1.0"
-    gatsby-core-utils "^3.17.0"
-    gatsby-sharp "^0.11.0"
-    graphql-compose "^9.0.7"
-    import-from "^4.0.0"
     joi "^17.4.2"
-    mime "^3.0.0"
-    mini-svg-data-uri "^1.4.4"
-    svgo "^2.8.0"
 
-gatsby-plugin-utils@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-utils/-/gatsby-plugin-utils-3.5.1.tgz#9aed9deec0f4ee82bfc7390f735b9455ca4f8494"
-  integrity sha512-RZXUvwQjTnkukMfAGr+DCz/qZj7g6REljTmQS43MaovWO4Yf4YGvs+1Leays7J0XmqN2I3SIZGBgt4tgKCsNVQ==
+gatsby-plugin-utils@^3.12.0:
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-utils/-/gatsby-plugin-utils-3.12.0.tgz#c286753c9ea96f40bbcf850b260883533bfca6b3"
+  integrity sha512-vdz3qwaCOkvgzAxMkZlgpmpWf555jISwek5lyWYhGyJJvXYV8KQ2cZ4CoOfFKAYVeZVSucrHcdWyY3fLLpQvAA==
   dependencies:
     "@babel/runtime" "^7.15.4"
-    fs-extra "^10.0.0"
-    gatsby-core-utils "^3.11.1"
-    gatsby-sharp "^0.5.0"
+    "@gatsbyjs/potrace" "^2.2.0"
+    fs-extra "^10.1.0"
+    gatsby-core-utils "^3.18.0"
+    gatsby-sharp "^0.12.0"
     graphql-compose "^9.0.7"
     import-from "^4.0.0"
     joi "^17.4.2"
     mime "^3.0.0"
+    mini-svg-data-uri "^1.4.4"
+    svgo "^2.8.0"
 
 gatsby-plugin-utils@^3.7.0:
   version "3.7.0"
@@ -8452,22 +8466,14 @@ gatsby-react-router-scroll@^5.13.0:
     "@babel/runtime" "^7.15.4"
     prop-types "^15.8.1"
 
-gatsby-sharp@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/gatsby-sharp/-/gatsby-sharp-0.11.0.tgz#f672e26a4134e2ff264a335ab6efd35782de8052"
-  integrity sha512-RIbU8qi/Qs7G/KJiY0zyGS9Yic5n4RpDUf/1W3gvRl78Uo3LSuIeGEpaai6mYEnreuGb5fQIcqdkYs/UV3e8WA==
+gatsby-sharp@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/gatsby-sharp/-/gatsby-sharp-0.12.0.tgz#2cb886809222c9429ca114f9752be52c96f6c47a"
+  integrity sha512-dZa/AgxmPzD0vvROEZSuT3IdzAFTxnq1FfLTf9n3mywonvsKYc84zj6nf8TEzBrVrBFAaLvZek4NpVAKWGr4/w==
   dependencies:
     "@types/sharp" "^0.30.0"
     sharp "^0.30.3"
 
-gatsby-sharp@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/gatsby-sharp/-/gatsby-sharp-0.5.0.tgz#879d3c462eefa917cb3a50c6ec891951d9740f56"
-  integrity sha512-9wZS0ADZsKTCsU66sxIP/tCHgFaREyoYm53tepgtp/YSVWNrurx9/0kGf8XsFFY9OecrqIRNuk1cWe7XKCpbQA==
-  dependencies:
-    "@types/sharp" "^0.29.5"
-    sharp "^0.30.1"
-
 gatsby-sharp@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/gatsby-sharp/-/gatsby-sharp-0.7.0.tgz#02d7fe1881e88ab9596f8e9010bdbdf117f3db03"
@@ -8495,10 +8501,10 @@ gatsby-source-filesystem@^3.10.0, gatsby-source-filesystem@^3.8.0:
     valid-url "^1.0.9"
     xstate "^4.14.0"
 
-gatsby-telemetry@^3.11.1:
-  version "3.11.1"
-  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.11.1.tgz#87caed899143276056e9af20ab38c15ad9dcdf52"
-  integrity sha512-TPNKTpuYFyULOuRvhpXUtj8h2E7bvrTYsRC/aKeHoWqEchwwbzPwBSJd+3ZFjsxLHIXAa5sTAlR2wd9SYBgOlA==
+gatsby-telemetry@^3.13.0:
+  version "3.13.0"
+  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.13.0.tgz#54631345ecbf7113662f38b69fb413480d1f8a61"
+  integrity sha512-VKwRRw6WVvCmekeeMgb+Ic4pS/3Jn+3LTP2nX/QZ1G3256xFxKZVPMRO4007xLKmuIu4liEAaLrnZpG3ZuprYA==
   dependencies:
     "@babel/code-frame" "^7.14.0"
     "@babel/runtime" "^7.15.4"
@@ -8508,45 +8514,45 @@ gatsby-telemetry@^3.11.1:
     boxen "^4.2.0"
     configstore "^5.0.1"
     fs-extra "^10.0.0"
-    gatsby-core-utils "^3.11.1"
+    gatsby-core-utils "^3.13.0"
     git-up "^4.0.5"
     is-docker "^2.2.1"
     lodash "^4.17.21"
     node-fetch "^2.6.7"
 
-gatsby-telemetry@^3.13.0:
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.13.0.tgz#54631345ecbf7113662f38b69fb413480d1f8a61"
-  integrity sha512-VKwRRw6WVvCmekeeMgb+Ic4pS/3Jn+3LTP2nX/QZ1G3256xFxKZVPMRO4007xLKmuIu4liEAaLrnZpG3ZuprYA==
+gatsby-telemetry@^3.18.0:
+  version "3.18.0"
+  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.18.0.tgz#14c815d169ade4520819c4ec5cef07eadac84af0"
+  integrity sha512-i1JvNqGOyLDPGEn1QN29YGpe2ripg2LZBAOhXmk6lAhRL5fTVo6WkEA2yW7XESnXIOJBFymgVbUlLjXoqeZ5Xg==
   dependencies:
     "@babel/code-frame" "^7.14.0"
     "@babel/runtime" "^7.15.4"
-    "@turist/fetch" "^7.1.7"
+    "@turist/fetch" "^7.2.0"
     "@turist/time" "^0.0.2"
     async-retry-ng "^2.0.1"
     boxen "^4.2.0"
     configstore "^5.0.1"
-    fs-extra "^10.0.0"
-    gatsby-core-utils "^3.13.0"
+    fs-extra "^10.1.0"
+    gatsby-core-utils "^3.18.0"
     git-up "^4.0.5"
     is-docker "^2.2.1"
     lodash "^4.17.21"
     node-fetch "^2.6.7"
 
-gatsby-telemetry@^3.17.0:
-  version "3.17.0"
-  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.17.0.tgz#de5b094340d714969ac5a5f01ed19999d3b9557e"
-  integrity sha512-1N4uKj2Yj7AykLmwjsdOmNirf3UmP8CBXjj/LmWf5cLDVbdPqkirAlyD6uTeEliG5UFHPTlBsRi26v558mFYJQ==
+gatsby-telemetry@^3.4.0:
+  version "3.18.1"
+  resolved "https://registry.yarnpkg.com/gatsby-telemetry/-/gatsby-telemetry-3.18.1.tgz#b51554a84ebcc315fa185194e64303ee875f567f"
+  integrity sha512-EjjsUv15BZGsmnPrOINRT/s7d18DTKokpp2NDZLm8uOs3MwVoLtUZ/BS7h2NTmgK+WN93q3bNYRkZgKgV9QC1A==
   dependencies:
     "@babel/code-frame" "^7.14.0"
     "@babel/runtime" "^7.15.4"
-    "@turist/fetch" "^7.1.7"
+    "@turist/fetch" "^7.2.0"
     "@turist/time" "^0.0.2"
     async-retry-ng "^2.0.1"
     boxen "^4.2.0"
     configstore "^5.0.1"
     fs-extra "^10.1.0"
-    gatsby-core-utils "^3.17.0"
+    gatsby-core-utils "^3.18.1"
     git-up "^4.0.5"
     is-docker "^2.2.1"
     lodash "^4.17.21"
@@ -8560,34 +8566,34 @@ gatsby-transformer-json@^3.3.0:
     "@babel/runtime" "^7.15.4"
     bluebird "^3.7.2"
 
-gatsby-transformer-sharp@^4.17.0:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/gatsby-transformer-sharp/-/gatsby-transformer-sharp-4.17.0.tgz#abc2eddd4b28d268eeca6363d22b3e416a33ac53"
-  integrity sha512-yaBzgqpjMqpy1ZuJ4CRbYh8rdiyvuSlMS0aMRiGlcjgUmKuT5qGJsQWsuhihbKWqn8OPhNzrAsnWvWnOVjAeCg==
+gatsby-transformer-sharp@4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/gatsby-transformer-sharp/-/gatsby-transformer-sharp-4.6.0.tgz#a9c2ee2007df2ffb6a941c736588295bca26c10a"
+  integrity sha512-hf1GohwPhjKg1tRFI3GfJS3SxVoXI+j7MqwPsWetzRvaFy+3kecmU/azklnTfT7/2LexfDxtso9/lCHgFl5fIQ==
   dependencies:
     "@babel/runtime" "^7.15.4"
-    "@gatsbyjs/potrace" "^2.2.0"
     bluebird "^3.7.2"
     common-tags "^1.8.2"
-    fs-extra "^10.1.0"
-    gatsby-plugin-utils "^3.11.0"
-    probe-image-size "^7.2.3"
-    semver "^7.3.7"
-    sharp "^0.30.3"
+    fs-extra "^10.0.0"
+    potrace "^2.1.8"
+    probe-image-size "^6.0.0"
+    semver "^7.3.5"
+    sharp "^0.29.3"
 
-gatsby-transformer-sharp@^4.6.0:
-  version "4.11.0"
-  resolved "https://registry.yarnpkg.com/gatsby-transformer-sharp/-/gatsby-transformer-sharp-4.11.0.tgz#e80bb5736cfe90e5ee7d826ee451a10f2d743c94"
-  integrity sha512-pQkQs7EALTWwuoEVOGxJt3/6CIF6AaNmp7tEqbqT3+iu6KiEAp5/YxRR56t8eQ6crVt1kajDSy1pQW8VRi5Sig==
+gatsby-transformer-sharp@^4.18.0:
+  version "4.18.0"
+  resolved "https://registry.yarnpkg.com/gatsby-transformer-sharp/-/gatsby-transformer-sharp-4.18.0.tgz#5146d0c302b19a119ad035ea835fa03958e4c6f9"
+  integrity sha512-uOsP5U10pWPdhpKHkPyKWoxCFEGdnreqmSrWrKUsHa0oViCfudbDrM+xWla+QQ0MhHHkqOUjdcfZRG3SwUlPcg==
   dependencies:
     "@babel/runtime" "^7.15.4"
+    "@gatsbyjs/potrace" "^2.2.0"
     bluebird "^3.7.2"
     common-tags "^1.8.2"
-    fs-extra "^10.0.0"
-    potrace "^2.1.8"
-    probe-image-size "^7.0.0"
-    semver "^7.3.5"
-    sharp "^0.30.1"
+    fs-extra "^10.1.0"
+    gatsby-plugin-utils "^3.12.0"
+    probe-image-size "^7.2.3"
+    semver "^7.3.7"
+    sharp "^0.30.3"
 
 gatsby-worker@^1.13.0:
   version "1.13.0"
@@ -8995,6 +9001,23 @@ got@^11.8.2, got@^11.8.3:
     p-cancelable "^2.0.0"
     responselike "^2.0.0"
 
+got@^11.8.5:
+  version "11.8.5"
+  resolved "https://registry.yarnpkg.com/got/-/got-11.8.5.tgz#ce77d045136de56e8f024bebb82ea349bc730046"
+  integrity sha512-o0Je4NvQObAuZPHLFoRSkdG2lTgtcynqymzg2Vupdx6PorhaT5MCbIyXG6d4D94kk8ZG57QeosgdiqfJWhEhlQ==
+  dependencies:
+    "@sindresorhus/is" "^4.0.0"
+    "@szmarczak/http-timer" "^4.0.5"
+    "@types/cacheable-request" "^6.0.1"
+    "@types/responselike" "^1.0.0"
+    cacheable-lookup "^5.0.3"
+    cacheable-request "^7.0.2"
+    decompress-response "^6.0.0"
+    http2-wrapper "^1.0.0-beta.5.2"
+    lowercase-keys "^2.0.0"
+    p-cancelable "^2.0.0"
+    responselike "^2.0.0"
+
 got@^9.6.0:
   version "9.6.0"
   resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
@@ -11028,6 +11051,24 @@ lmdb@2.5.2:
     "@lmdb/lmdb-linux-x64" "2.5.2"
     "@lmdb/lmdb-win32-x64" "2.5.2"
 
+lmdb@2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/lmdb/-/lmdb-2.5.3.tgz#cac845a8576ef0fd2dcc279faab6fdb383f07463"
+  integrity sha512-iBA0cb13CobBSoGJLfZgnrykLlfJipDAnvtf+YwIqqzBEsTeQYsXrHaSBkaHd5wCWeabwrNvhjZoFMUrlo+eLw==
+  dependencies:
+    msgpackr "^1.5.4"
+    node-addon-api "^4.3.0"
+    node-gyp-build-optional-packages "5.0.3"
+    ordered-binary "^1.2.4"
+    weak-lru-cache "^1.2.2"
+  optionalDependencies:
+    "@lmdb/lmdb-darwin-arm64" "2.5.3"
+    "@lmdb/lmdb-darwin-x64" "2.5.3"
+    "@lmdb/lmdb-linux-arm" "2.5.3"
+    "@lmdb/lmdb-linux-arm64" "2.5.3"
+    "@lmdb/lmdb-linux-x64" "2.5.3"
+    "@lmdb/lmdb-win32-x64" "2.5.3"
+
 lmdb@^2.0.2, lmdb@^2.2.4:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/lmdb/-/lmdb-2.2.5.tgz#37f08b5963a1b81da67f378c7084f59b84c3d443"
@@ -13233,12 +13274,21 @@ prism-react-renderer@^1.2.0, prism-react-renderer@^1.2.1:
   resolved "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-1.2.1.tgz"
   integrity sha512-w23ch4f75V1Tnz8DajsYKvY5lF7H1+WvzvLUcF0paFxkTHSp42RS0H5CttdN2Q8RR3DRGZ9v5xD/h3n8C8kGmg==
 
-prismjs@^1.23.0:
-  version "1.26.0"
-  resolved "https://registry.npmjs.org/prismjs/-/prismjs-1.26.0.tgz"
-  integrity sha512-HUoH9C5Z3jKkl3UunCyiD5jwk0+Hz0fIgQ2nbwU2Oo/ceuTAQAg+pPVnfdt2TJWRVLcxKh9iuoYDUSc8clb5UQ==
+prismjs@^1.28.0:
+  version "1.28.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.28.0.tgz#0d8f561fa0f7cf6ebca901747828b149147044b6"
+  integrity sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==
+
+probe-image-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-6.0.0.tgz#4a85b19d5af4e29a8de7d53a9aa036f6fd02f5f4"
+  integrity sha512-99PZ5+RU4gqiTfK5ZDMDkZtn6eL4WlKfFyVJV7lFQvH3iGmQ85DqMTOdxorERO26LHkevR2qsxnHp0x/2UDJPA==
+  dependencies:
+    deepmerge "^4.0.0"
+    needle "^2.5.2"
+    stream-parser "~0.3.1"
 
-probe-image-size@^7.0.0, probe-image-size@^7.2.3:
+probe-image-size@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-7.2.3.tgz#d49c64be540ec8edea538f6f585f65a9b3ab4309"
   integrity sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==
@@ -13278,7 +13328,7 @@ prompts@^2.0.1, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.5.10, prop-types@^15.6.1, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.5.7, prop-types@^15.6.1, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -14520,9 +14570,9 @@ shallowequal@^1.1.0:
   resolved "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz"
   integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
 
-sharp@^0.29.0, sharp@^0.29.1:
+sharp@^0.29.0, sharp@^0.29.1, sharp@^0.29.3:
   version "0.29.3"
-  resolved "https://registry.npmjs.org/sharp/-/sharp-0.29.3.tgz"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.29.3.tgz#0da183d626094c974516a48fab9b3e4ba92eb5c2"
   integrity sha512-fKWUuOw77E4nhpyzCCJR1ayrttHoFHBT2U/kR/qEMRhvPEcluG4BKj324+SCO1e84+knXHwhJ1HHJGnUt4ElGA==
   dependencies:
     color "^4.0.1"
@@ -14534,20 +14584,6 @@ sharp@^0.29.0, sharp@^0.29.1:
     tar-fs "^2.1.1"
     tunnel-agent "^0.6.0"
 
-sharp@^0.30.1:
-  version "0.30.3"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.30.3.tgz#315a1817423a4d1cde5119a21c99c234a7a6fb37"
-  integrity sha512-rjpfJFK58ZOFSG8sxYSo3/JQb4ej095HjXp9X7gVu7gEn1aqSG8TCW29h/Rr31+PXrFADo1H/vKfw0uhMQWFtg==
-  dependencies:
-    color "^4.2.1"
-    detect-libc "^2.0.1"
-    node-addon-api "^4.3.0"
-    prebuild-install "^7.0.1"
-    semver "^7.3.5"
-    simple-get "^4.0.1"
-    tar-fs "^2.1.1"
-    tunnel-agent "^0.6.0"
-
 sharp@^0.30.3:
   version "0.30.4"
   resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.30.4.tgz#73d9daa63bbc20da189c9328d75d5d395fc8fb73"