Hugomndez · Hugomndez · May 11, 2023 · May 10, 2023 · May 11, 2023 · May 11, 2023
diff --git a/next.config.js b/next.config.js
@@ -11,7 +11,6 @@ const nextConfig = {
   swcMinify: true,
   i18n,
   experimental: {
-    optimizeCss: true,
     legacyBrowsers: false,
     fallbackNodePolyfills: false,
   },

diff --git a/package.json b/package.json
@@ -39,7 +39,6 @@
     "@next/bundle-analyzer": "13.3.4",
     "@next/env": "13.4.1",
     "cookie": "0.5.0",
-    "critters": "0.0.16",
     "next": "13.4.1",
     "next-auth": "4.22.1",
     "next-i18next": "12.1.0",

diff --git a/src/components/Exchange/Exchange.module.css b/src/components/Exchange/Exchange.module.css
@@ -56,7 +56,7 @@
 .comisionesTable {
   min-width: 235px;
   height: 360px;
-  font-family: var(--Secondary-FF);
+  font-family: var(--inter-font);
 }
 .currencyTableTitle {
   margin-bottom: 15px;

diff --git a/src/components/LocaleOptions/LocaleOptions.tsx b/src/components/LocaleOptions/LocaleOptions.tsx
@@ -23,8 +23,12 @@ const LocaleOptions = () => {
       {locales.map((loc, index) => {
         return (
           <div key={index}>
-            <Link href={asPath} locale={loc}>
-              <a className={loc === locale ? styles.active : ''}>{loc}</a>
+            <Link
+              href={asPath}
+              locale={loc}
+              className={loc === locale ? styles.active : ''}
+            >
+              {loc}
             </Link>
           </div>
         );

diff --git a/src/components/Plans/Plans.module.css b/src/components/Plans/Plans.module.css
@@ -63,7 +63,7 @@
   padding: 6px;
   top: -15px;
   left: calc(50% - 60px);
-  font-family: var(--Secondary-FF);
+  font-family: var(--inter-font);
   font-size: 1.2rem;
   border-radius: 8px;
   font-style: normal;

diff --git a/src/fonts/index.ts b/src/fonts/index.ts
@@ -0,0 +1,11 @@
+import { DM_Sans, Inter } from 'next/font/google';
+
+export const dmSans = DM_Sans({
+  weight: ['400', '500', '700'],
+  subsets: ['latin'],
+});
+
+export const inter = Inter({
+  weight: ['400', '500'],
+  subsets: ['latin'],
+});
diff --git a/src/layout/Header/Header.tsx b/src/layout/Header/Header.tsx
@@ -7,35 +7,33 @@ const Header = () => {
   const { t } = useTranslation('header');
   return (
     <header className={styles.header}>
-      <Link href="/">
-        <a className={styles.logo}>
-          <svg
-            width="151"
-            height="24"
-            viewBox="0 0 151 24"
-            fill="none"
-            id="logo"
-            role="img"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <title>Batatabit logo</title>
-            <path
-              d="M16.8906 20.2838C10.4673 22.281 0.0927203 20.2399 0.000572001 11.3449C-0.0915763 2.44983 10.9806 7.74852 10.9806 7.74852L16.8906 20.2838Z"
-              fill="#FFC250"
-            />
-            <path
-              d="M3.12363 6.35426C7.6066 5.58608 11.0113 11.5265 14.7783 17.7232C18.5452 23.92 28.3542 26.3762 34.6218 21.165C40.8893 15.9539 43.542 6.82713 35.8464 1.38317C28.1509 -4.06079 23.3471 8.29872 16.7221 8.63845C10.0972 8.97819 10.0489 4.05367 3.12363 6.35426Z"
-              fill="#FFD064"
-            />
-            <circle cx="35.1972" cy="11.6219" r="1.96745" fill="#FFE19D" />
-            <circle cx="31.4262" cy="13.0974" r="1.47559" fill="#FFE19D" />
-            <circle cx="34.0495" cy="15.0648" r="1.14768" fill="#FFE19D" />
-            <path
-              d="M51.1087 20V3.2H57.8527C59.5967 3.2 60.9247 3.608 61.8367 4.424C62.7647 5.224 63.2287 6.256 63.2287 7.52C63.2287 8.576 62.9407 9.424 62.3647 10.064C61.8047 10.688 61.1167 11.112 60.3007 11.336C61.2607 11.528 62.0527 12.008 62.6767 12.776C63.3007 13.528 63.6127 14.408 63.6127 15.416C63.6127 16.744 63.1327 17.84 62.1727 18.704C61.2127 19.568 59.8527 20 58.0927 20H51.1087ZM54.1807 10.256H57.3967C58.2607 10.256 58.9247 10.056 59.3887 9.656C59.8527 9.256 60.0847 8.688 60.0847 7.952C60.0847 7.248 59.8527 6.696 59.3887 6.296C58.9407 5.88 58.2607 5.672 57.3487 5.672H54.1807V10.256ZM54.1807 17.504H57.6127C58.5247 17.504 59.2287 17.296 59.7247 16.88C60.2367 16.448 60.4927 15.848 60.4927 15.08C60.4927 14.296 60.2287 13.68 59.7007 13.232C59.1727 12.784 58.4607 12.56 57.5647 12.56H54.1807V17.504ZM69.3213 20.288C68.2973 20.288 67.4573 20.128 66.8013 19.808C66.1453 19.472 65.6573 19.032 65.3373 18.488C65.0173 17.944 64.8573 17.344 64.8573 16.688C64.8573 15.584 65.2893 14.688 66.1533 14C67.0173 13.312 68.3133 12.968 70.0413 12.968H73.0653V12.68C73.0653 11.864 72.8333 11.264 72.3693 10.88C71.9053 10.496 71.3293 10.304 70.6413 10.304C70.0173 10.304 69.4733 10.456 69.0093 10.76C68.5453 11.048 68.2573 11.48 68.1453 12.056H65.1453C65.2253 11.192 65.5133 10.44 66.0093 9.8C66.5213 9.16 67.1773 8.672 67.9773 8.336C68.7773 7.984 69.6733 7.808 70.6653 7.808C72.3613 7.808 73.6973 8.232 74.6733 9.08C75.6493 9.928 76.1373 11.128 76.1373 12.68V20H73.5213L73.2333 18.08C72.8813 18.72 72.3853 19.248 71.7453 19.664C71.1213 20.08 70.3133 20.288 69.3213 20.288ZM70.0173 17.888C70.8973 17.888 71.5773 17.6 72.0573 17.024C72.5533 16.448 72.8653 15.736 72.9933 14.888H70.3773C69.5613 14.888 68.9773 15.04 68.6253 15.344C68.2733 15.632 68.0973 15.992 68.0973 16.424C68.0973 16.888 68.2733 17.248 68.6253 17.504C68.9773 17.76 69.4413 17.888 70.0173 17.888ZM83.2488 20C82.0008 20 81.0008 19.696 80.2488 19.088C79.4968 18.48 79.1208 17.4 79.1208 15.848V10.664H77.0808V8.096H79.1208L79.4808 4.904H82.1928V8.096H85.4088V10.664H82.1928V15.872C82.1928 16.448 82.3128 16.848 82.5528 17.072C82.8088 17.28 83.2408 17.384 83.8488 17.384H85.3368V20H83.2488ZM91.1904 20.288C90.1664 20.288 89.3264 20.128 88.6704 19.808C88.0144 19.472 87.5264 19.032 87.2064 18.488C86.8864 17.944 86.7264 17.344 86.7264 16.688C86.7264 15.584 87.1584 14.688 88.0224 14C88.8864 13.312 90.1824 12.968 91.9104 12.968H94.9344V12.68C94.9344 11.864 94.7024 11.264 94.2384 10.88C93.7744 10.496 93.1984 10.304 92.5104 10.304C91.8864 10.304 91.3424 10.456 90.8784 10.76C90.4144 11.048 90.1264 11.48 90.0144 12.056H87.0144C87.0944 11.192 87.3824 10.44 87.8784 9.8C88.3904 9.16 89.0464 8.672 89.8464 8.336C90.6464 7.984 91.5424 7.808 92.5344 7.808C94.2304 7.808 95.5664 8.232 96.5424 9.08C97.5184 9.928 98.0064 11.128 98.0064 12.68V20H95.3904L95.1024 18.08C94.7504 18.72 94.2544 19.248 93.6144 19.664C92.9904 20.08 92.1824 20.288 91.1904 20.288ZM91.8864 17.888C92.7664 17.888 93.4464 17.6 93.9264 17.024C94.4224 16.448 94.7344 15.736 94.8624 14.888H92.2464C91.4304 14.888 90.8464 15.04 90.4944 15.344C90.1424 15.632 89.9664 15.992 89.9664 16.424C89.9664 16.888 90.1424 17.248 90.4944 17.504C90.8464 17.76 91.3104 17.888 91.8864 17.888ZM105.118 20C103.87 20 102.87 19.696 102.118 19.088C101.366 18.48 100.99 17.4 100.99 15.848V10.664H98.9499V8.096H100.99L101.35 4.904H104.062V8.096H107.278V10.664H104.062V15.872C104.062 16.448 104.182 16.848 104.422 17.072C104.678 17.28 105.11 17.384 105.718 17.384H107.206V20H105.118ZM113.059 20.288C112.035 20.288 111.195 20.128 110.539 19.808C109.883 19.472 109.395 19.032 109.075 18.488C108.755 17.944 108.595 17.344 108.595 16.688C108.595 15.584 109.027 14.688 109.891 14C110.755 13.312 112.051 12.968 113.779 12.968H116.803V12.68C116.803 11.864 116.571 11.264 116.107 10.88C115.643 10.496 115.067 10.304 114.379 10.304C113.755 10.304 113.211 10.456 112.747 10.76C112.283 11.048 111.995 11.48 111.883 12.056H108.883C108.963 11.192 109.251 10.44 109.747 9.8C110.259 9.16 110.915 8.672 111.715 8.336C112.515 7.984 113.411 7.808 114.403 7.808C116.099 7.808 117.435 8.232 118.411 9.08C119.387 9.928 119.875 11.128 119.875 12.68V20H117.259L116.971 18.08C116.619 18.72 116.123 19.248 115.483 19.664C114.859 20.08 114.051 20.288 113.059 20.288ZM113.755 17.888C114.635 17.888 115.315 17.6 115.795 17.024C116.291 16.448 116.603 15.736 116.731 14.888H114.115C113.299 14.888 112.715 15.04 112.363 15.344C112.011 15.632 111.835 15.992 111.835 16.424C111.835 16.888 112.011 17.248 112.363 17.504C112.715 17.76 113.179 17.888 113.755 17.888ZM128.903 20.288C128.007 20.288 127.223 20.12 126.551 19.784C125.879 19.448 125.335 18.976 124.919 18.368L124.583 20H121.847V2.72H124.919V9.8C125.303 9.272 125.807 8.808 126.431 8.408C127.071 8.008 127.895 7.808 128.903 7.808C130.023 7.808 131.023 8.08 131.903 8.624C132.783 9.168 133.479 9.912 133.991 10.856C134.503 11.8 134.759 12.872 134.759 14.072C134.759 15.272 134.503 16.344 133.991 17.288C133.479 18.216 132.783 18.952 131.903 19.496C131.023 20.024 130.023 20.288 128.903 20.288ZM128.255 17.6C129.231 17.6 130.039 17.272 130.679 16.616C131.319 15.96 131.639 15.112 131.639 14.072C131.639 13.032 131.319 12.176 130.679 11.504C130.039 10.832 129.231 10.496 128.255 10.496C127.263 10.496 126.447 10.832 125.807 11.504C125.183 12.16 124.871 13.008 124.871 14.048C124.871 15.088 125.183 15.944 125.807 16.616C126.447 17.272 127.263 17.6 128.255 17.6ZM138.199 6.248C137.639 6.248 137.175 6.08 136.807 5.744C136.455 5.408 136.279 4.984 136.279 4.472C136.279 3.96 136.455 3.544 136.807 3.224C137.175 2.888 137.639 2.72 138.199 2.72C138.759 2.72 139.215 2.888 139.567 3.224C139.935 3.544 140.119 3.96 140.119 4.472C140.119 4.984 139.935 5.408 139.567 5.744C139.215 6.08 138.759 6.248 138.199 6.248ZM136.663 20V8.096H139.735V20H136.663ZM147.286 20C146.038 20 145.038 19.696 144.286 19.088C143.534 18.48 143.158 17.4 143.158 15.848V10.664H141.118V8.096H143.158L143.518 4.904H146.23V8.096H149.446V10.664H146.23V15.872C146.23 16.448 146.35 16.848 146.59 17.072C146.846 17.28 147.278 17.384 147.886 17.384H149.374V20H147.286Z"
-              fill="#F7931A"
-            />
-          </svg>
-        </a>
+      <Link href="/" className={styles.logo}>
+        <svg
+          width="151"
+          height="24"
+          viewBox="0 0 151 24"
+          fill="none"
+          id="logo"
+          role="img"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <title>Batatabit logo</title>
+          <path
+            d="M16.8906 20.2838C10.4673 22.281 0.0927203 20.2399 0.000572001 11.3449C-0.0915763 2.44983 10.9806 7.74852 10.9806 7.74852L16.8906 20.2838Z"
+            fill="#FFC250"
+          />
+          <path
+            d="M3.12363 6.35426C7.6066 5.58608 11.0113 11.5265 14.7783 17.7232C18.5452 23.92 28.3542 26.3762 34.6218 21.165C40.8893 15.9539 43.542 6.82713 35.8464 1.38317C28.1509 -4.06079 23.3471 8.29872 16.7221 8.63845C10.0972 8.97819 10.0489 4.05367 3.12363 6.35426Z"
+            fill="#FFD064"
+          />
+          <circle cx="35.1972" cy="11.6219" r="1.96745" fill="#FFE19D" />
+          <circle cx="31.4262" cy="13.0974" r="1.47559" fill="#FFE19D" />
+          <circle cx="34.0495" cy="15.0648" r="1.14768" fill="#FFE19D" />
+          <path
+            d="M51.1087 20V3.2H57.8527C59.5967 3.2 60.9247 3.608 61.8367 4.424C62.7647 5.224 63.2287 6.256 63.2287 7.52C63.2287 8.576 62.9407 9.424 62.3647 10.064C61.8047 10.688 61.1167 11.112 60.3007 11.336C61.2607 11.528 62.0527 12.008 62.6767 12.776C63.3007 13.528 63.6127 14.408 63.6127 15.416C63.6127 16.744 63.1327 17.84 62.1727 18.704C61.2127 19.568 59.8527 20 58.0927 20H51.1087ZM54.1807 10.256H57.3967C58.2607 10.256 58.9247 10.056 59.3887 9.656C59.8527 9.256 60.0847 8.688 60.0847 7.952C60.0847 7.248 59.8527 6.696 59.3887 6.296C58.9407 5.88 58.2607 5.672 57.3487 5.672H54.1807V10.256ZM54.1807 17.504H57.6127C58.5247 17.504 59.2287 17.296 59.7247 16.88C60.2367 16.448 60.4927 15.848 60.4927 15.08C60.4927 14.296 60.2287 13.68 59.7007 13.232C59.1727 12.784 58.4607 12.56 57.5647 12.56H54.1807V17.504ZM69.3213 20.288C68.2973 20.288 67.4573 20.128 66.8013 19.808C66.1453 19.472 65.6573 19.032 65.3373 18.488C65.0173 17.944 64.8573 17.344 64.8573 16.688C64.8573 15.584 65.2893 14.688 66.1533 14C67.0173 13.312 68.3133 12.968 70.0413 12.968H73.0653V12.68C73.0653 11.864 72.8333 11.264 72.3693 10.88C71.9053 10.496 71.3293 10.304 70.6413 10.304C70.0173 10.304 69.4733 10.456 69.0093 10.76C68.5453 11.048 68.2573 11.48 68.1453 12.056H65.1453C65.2253 11.192 65.5133 10.44 66.0093 9.8C66.5213 9.16 67.1773 8.672 67.9773 8.336C68.7773 7.984 69.6733 7.808 70.6653 7.808C72.3613 7.808 73.6973 8.232 74.6733 9.08C75.6493 9.928 76.1373 11.128 76.1373 12.68V20H73.5213L73.2333 18.08C72.8813 18.72 72.3853 19.248 71.7453 19.664C71.1213 20.08 70.3133 20.288 69.3213 20.288ZM70.0173 17.888C70.8973 17.888 71.5773 17.6 72.0573 17.024C72.5533 16.448 72.8653 15.736 72.9933 14.888H70.3773C69.5613 14.888 68.9773 15.04 68.6253 15.344C68.2733 15.632 68.0973 15.992 68.0973 16.424C68.0973 16.888 68.2733 17.248 68.6253 17.504C68.9773 17.76 69.4413 17.888 70.0173 17.888ZM83.2488 20C82.0008 20 81.0008 19.696 80.2488 19.088C79.4968 18.48 79.1208 17.4 79.1208 15.848V10.664H77.0808V8.096H79.1208L79.4808 4.904H82.1928V8.096H85.4088V10.664H82.1928V15.872C82.1928 16.448 82.3128 16.848 82.5528 17.072C82.8088 17.28 83.2408 17.384 83.8488 17.384H85.3368V20H83.2488ZM91.1904 20.288C90.1664 20.288 89.3264 20.128 88.6704 19.808C88.0144 19.472 87.5264 19.032 87.2064 18.488C86.8864 17.944 86.7264 17.344 86.7264 16.688C86.7264 15.584 87.1584 14.688 88.0224 14C88.8864 13.312 90.1824 12.968 91.9104 12.968H94.9344V12.68C94.9344 11.864 94.7024 11.264 94.2384 10.88C93.7744 10.496 93.1984 10.304 92.5104 10.304C91.8864 10.304 91.3424 10.456 90.8784 10.76C90.4144 11.048 90.1264 11.48 90.0144 12.056H87.0144C87.0944 11.192 87.3824 10.44 87.8784 9.8C88.3904 9.16 89.0464 8.672 89.8464 8.336C90.6464 7.984 91.5424 7.808 92.5344 7.808C94.2304 7.808 95.5664 8.232 96.5424 9.08C97.5184 9.928 98.0064 11.128 98.0064 12.68V20H95.3904L95.1024 18.08C94.7504 18.72 94.2544 19.248 93.6144 19.664C92.9904 20.08 92.1824 20.288 91.1904 20.288ZM91.8864 17.888C92.7664 17.888 93.4464 17.6 93.9264 17.024C94.4224 16.448 94.7344 15.736 94.8624 14.888H92.2464C91.4304 14.888 90.8464 15.04 90.4944 15.344C90.1424 15.632 89.9664 15.992 89.9664 16.424C89.9664 16.888 90.1424 17.248 90.4944 17.504C90.8464 17.76 91.3104 17.888 91.8864 17.888ZM105.118 20C103.87 20 102.87 19.696 102.118 19.088C101.366 18.48 100.99 17.4 100.99 15.848V10.664H98.9499V8.096H100.99L101.35 4.904H104.062V8.096H107.278V10.664H104.062V15.872C104.062 16.448 104.182 16.848 104.422 17.072C104.678 17.28 105.11 17.384 105.718 17.384H107.206V20H105.118ZM113.059 20.288C112.035 20.288 111.195 20.128 110.539 19.808C109.883 19.472 109.395 19.032 109.075 18.488C108.755 17.944 108.595 17.344 108.595 16.688C108.595 15.584 109.027 14.688 109.891 14C110.755 13.312 112.051 12.968 113.779 12.968H116.803V12.68C116.803 11.864 116.571 11.264 116.107 10.88C115.643 10.496 115.067 10.304 114.379 10.304C113.755 10.304 113.211 10.456 112.747 10.76C112.283 11.048 111.995 11.48 111.883 12.056H108.883C108.963 11.192 109.251 10.44 109.747 9.8C110.259 9.16 110.915 8.672 111.715 8.336C112.515 7.984 113.411 7.808 114.403 7.808C116.099 7.808 117.435 8.232 118.411 9.08C119.387 9.928 119.875 11.128 119.875 12.68V20H117.259L116.971 18.08C116.619 18.72 116.123 19.248 115.483 19.664C114.859 20.08 114.051 20.288 113.059 20.288ZM113.755 17.888C114.635 17.888 115.315 17.6 115.795 17.024C116.291 16.448 116.603 15.736 116.731 14.888H114.115C113.299 14.888 112.715 15.04 112.363 15.344C112.011 15.632 111.835 15.992 111.835 16.424C111.835 16.888 112.011 17.248 112.363 17.504C112.715 17.76 113.179 17.888 113.755 17.888ZM128.903 20.288C128.007 20.288 127.223 20.12 126.551 19.784C125.879 19.448 125.335 18.976 124.919 18.368L124.583 20H121.847V2.72H124.919V9.8C125.303 9.272 125.807 8.808 126.431 8.408C127.071 8.008 127.895 7.808 128.903 7.808C130.023 7.808 131.023 8.08 131.903 8.624C132.783 9.168 133.479 9.912 133.991 10.856C134.503 11.8 134.759 12.872 134.759 14.072C134.759 15.272 134.503 16.344 133.991 17.288C133.479 18.216 132.783 18.952 131.903 19.496C131.023 20.024 130.023 20.288 128.903 20.288ZM128.255 17.6C129.231 17.6 130.039 17.272 130.679 16.616C131.319 15.96 131.639 15.112 131.639 14.072C131.639 13.032 131.319 12.176 130.679 11.504C130.039 10.832 129.231 10.496 128.255 10.496C127.263 10.496 126.447 10.832 125.807 11.504C125.183 12.16 124.871 13.008 124.871 14.048C124.871 15.088 125.183 15.944 125.807 16.616C126.447 17.272 127.263 17.6 128.255 17.6ZM138.199 6.248C137.639 6.248 137.175 6.08 136.807 5.744C136.455 5.408 136.279 4.984 136.279 4.472C136.279 3.96 136.455 3.544 136.807 3.224C137.175 2.888 137.639 2.72 138.199 2.72C138.759 2.72 139.215 2.888 139.567 3.224C139.935 3.544 140.119 3.96 140.119 4.472C140.119 4.984 139.935 5.408 139.567 5.744C139.215 6.08 138.759 6.248 138.199 6.248ZM136.663 20V8.096H139.735V20H136.663ZM147.286 20C146.038 20 145.038 19.696 144.286 19.088C143.534 18.48 143.158 17.4 143.158 15.848V10.664H141.118V8.096H143.158L143.518 4.904H146.23V8.096H149.446V10.664H146.23V15.872C146.23 16.448 146.35 16.848 146.59 17.072C146.846 17.28 147.278 17.384 147.886 17.384H149.374V20H147.286Z"
+            fill="#F7931A"
+          />
+        </svg>
       </Link>
       <div className={styles.container}>
         <h1 className={styles.title}>{t('title')}</h1>

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,6 +1,7 @@
+import { dmSans, inter } from 'fonts';
 import { SessionProvider as AuthProvider } from 'next-auth/react';
 import { appWithTranslation } from 'next-i18next';
-import type { AppProps } from 'next/app';
+import { type AppProps } from 'next/app';
 import Head from 'next/head';
 import 'styles/globals.css';
 
@@ -11,6 +12,12 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
+      <style jsx global>{`
+        html {
+          --dm-sans-font: ${dmSans.style.fontFamily};
+          --inter-font: ${inter.style.fontFamily};
+        }
+      `}</style>
       <AuthProvider>
         <Component {...pageProps} />
       </AuthProvider>

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -3,12 +3,7 @@ import { Head, Html, Main, NextScript } from 'next/document';
 export default function Document() {
   return (
     <Html dir="ltr">
-      <Head>
-        <link
-          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500&display=swap"
-          rel="stylesheet"
-        />
-      </Head>
+      <Head />
       <body>
         <Main />
         <NextScript />

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -14,10 +14,6 @@
   --off-white: #faf8f7;
   --just-white: #ffffff;
 
-  /* Font Family */
-  --Primary-FF: 'DM Sans', sans-serif;
-  --Secondary-FF: 'Inter', sans-serif;
-
   /* Font size */
   --h1: 2.6rem;
   --h2: 2.4rem;
@@ -39,7 +35,7 @@ html {
 }
 
 body {
-  font-family: var(--Primary-FF);
+  font-family: var(--dm-sans-font);
   font-size: var(--p);
   line-height: 24px;
   font-weight: 400;