diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 49543a52..9949c78b 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -8,17 +8,14 @@ export default function Document() {
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link
-          href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap"
-          rel="stylesheet"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap"
-          rel="stylesheet"
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin="true"
         />
         <link
-          href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300;400;600;800;900&display=swap"
+          href="https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@500&family=Source+Sans+Pro:wght@300;400;600&family=Inter:wght@200;300;400;500;600;700&display=swap"
           rel="stylesheet"
         />
         <link rel="shortcut icon" href="assets/brain.png" type="image/png" />
diff --git a/tailwind.config.js b/tailwind.config.js
index 06b63ca6..4209f91f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,9 @@ module.exports = {
   darkMode: 'class',
   theme: {
     extend: {
+      fontFamily: {
+        'chivo-mono': ['"Chivo Mono"', 'cursive']
+      },
       colors: {
         neutral: {
           1000: 'rgba(17, 17, 17)'
@@ -11,7 +14,7 @@ module.exports = {
       },
       animation: {
         cursor: 'cursor .6s linear infinite alternate',
-        typing: 'typing 1.8s ease-in .8s 1 normal both',
+        typing: 'typing 1.8s ease-in .8s 1 normal both'
       },
       keyframes: {
         typing: {