diff --git a/graphql.config.js b/graphql.config.js
index 14cbc49..5932705 100644
--- a/graphql.config.js
+++ b/graphql.config.js
@@ -1,14 +1,14 @@
 module.exports = {
-  projects: {
-    app: {
-      schema: ["tina/__generated__/schema.gql"],
-      documents: [
-        "tina/__generated__/queries.gql",
-        "tina/__generated__/frags.gql",
-        "tina/queries/queries.gql",
-        "tina/queries/frags.gql",
-        "pages/**/*.{graphql,js,ts,jsx,tsx}",
-      ],
-    },
-  },
+    projects: {
+        app: {
+            schema: ["tina/__generated__/schema.gql"],
+            documents: [
+                "tina/__generated__/queries.gql",
+                "tina/__generated__/frags.gql",
+                "tina/queries/queries.gql",
+                "tina/queries/frags.gql",
+                "pages/**/*.{graphql,js,ts,jsx,tsx}"
+            ]
+        }
+    }
 };
diff --git a/next.config.js b/next.config.js
index 771420e..7533b88 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,23 +1,23 @@
 module.exports = {
-  webpack(config) {
-    config.module.rules.push({
-      test: /\.svg$/i,
-      issuer: /\.[jt]sx?$/,
-      use: ["@svgr/webpack"],
-    });
+    webpack(config) {
+        config.module.rules.push({
+            test: /\.svg$/i,
+            issuer: /\.[jt]sx?$/,
+            use: ["@svgr/webpack"]
+        });
 
-    return config;
-  },
-  async rewrites() {
-    return [
-      {
-        source: "/",
-        destination: "/home",
-      },
-      {
-        source: "/admin",
-        destination: "/admin/index.html",
-      },
-    ];
-  },
+        return config;
+    },
+    async rewrites() {
+        return [
+            {
+                source: "/",
+                destination: "/home"
+            },
+            {
+                source: "/admin",
+                destination: "/admin/index.html"
+            }
+        ];
+    }
 };
diff --git a/postcss.config.js b/postcss.config.js
index 6887c82..9698e7d 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,8 +1,8 @@
 module.exports = {
-  plugins: {
-    "postcss-import": {},
-    "tailwindcss/nesting": {},
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+    plugins: {
+        "postcss-import": {},
+        "tailwindcss/nesting": {},
+        tailwindcss: {},
+        autoprefixer: {}
+    }
 };
diff --git a/tailwind.config.js b/tailwind.config.js
index f65987c..05ea883 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,228 +2,228 @@ const colors = require("tailwindcss/colors");
 const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-  mode: "jit",
-  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
-  darkMode: "class",
-  theme: {
-    colors: {
-      transparent: "transparent",
-      current: "currentColor",
-      black: colors.black,
-      white: colors.white,
-      teal: colors.cyan,
-      green: colors.emerald,
-      red: colors.rose,
-      purple: colors.purple,
-      pink: colors.pink,
-      yellow: colors.yellow,
-      gray: {
-        50: "#F6F6F9",
-        100: "#EDECF3",
-        150: "#E6E3EF",
-        200: "#E1DDEC",
-        250: "#C9C5D5",
-        300: "#b2adbe",
-        400: "#918c9e",
-        500: "#716c7f",
-        600: "#565165",
-        700: "#433e52",
-        800: "#363145",
-        900: "#252336",
-        1000: "#1c1b2e",
-      },
-      blue: {
-        50: "#DCEEFF",
-        100: "#B4DBFF",
-        200: "#85C5FE",
-        300: "#4EABFE",
-        400: "#2296fe",
-        500: "#0084FF",
-        600: "#0574e4",
-        700: "#0D5DBD",
-        800: "#144696",
-        900: "#1D2C6C",
-        1000: "#241748",
-      },
-      orange: {
-        200: "#EB7752",
-        300: "#EA6C45",
-        400: "#E85C30",
-        500: "#EC4815",
-        600: "#DC4419",
-        700: "#D04017",
-        800: "#C1360F",
-      },
+    mode: "jit",
+    purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
+    darkMode: "class",
+    theme: {
+        colors: {
+            transparent: "transparent",
+            current: "currentColor",
+            black: colors.black,
+            white: colors.white,
+            teal: colors.cyan,
+            green: colors.emerald,
+            red: colors.rose,
+            purple: colors.purple,
+            pink: colors.pink,
+            yellow: colors.yellow,
+            gray: {
+                50: "#F6F6F9",
+                100: "#EDECF3",
+                150: "#E6E3EF",
+                200: "#E1DDEC",
+                250: "#C9C5D5",
+                300: "#b2adbe",
+                400: "#918c9e",
+                500: "#716c7f",
+                600: "#565165",
+                700: "#433e52",
+                800: "#363145",
+                900: "#252336",
+                1000: "#1c1b2e"
+            },
+            blue: {
+                50: "#DCEEFF",
+                100: "#B4DBFF",
+                200: "#85C5FE",
+                300: "#4EABFE",
+                400: "#2296fe",
+                500: "#0084FF",
+                600: "#0574e4",
+                700: "#0D5DBD",
+                800: "#144696",
+                900: "#1D2C6C",
+                1000: "#241748"
+            },
+            orange: {
+                200: "#EB7752",
+                300: "#EA6C45",
+                400: "#E85C30",
+                500: "#EC4815",
+                600: "#DC4419",
+                700: "#D04017",
+                800: "#C1360F"
+            }
+        },
+        screens: {
+            sm: "600px",
+            md: "900px",
+            lg: "1200px",
+            xl: "1500px",
+            "2xl": "1800px"
+        },
+        fontSize: {
+            xs: ".875rem",
+            sm: "1rem",
+            base: "1.125rem",
+            lg: "1.25rem",
+            xl: "1.5rem",
+            "2xl": "1.75rem",
+            "3xl": "2rem",
+            "4xl": "2.5rem",
+            "5xl": "3.25rem",
+            "6xl": "4rem",
+            "7xl": "5rem",
+            "8xl": "6rem"
+        },
+        borderWidth: {
+            DEFAULT: "3px",
+            0: "0",
+            2: "2px",
+            3: "3px",
+            4: "4px"
+        },
+        extend: {
+            textDecoration: ["active"],
+            opacity: {
+                7: ".075",
+                15: ".15"
+            },
+            maxWidth: {
+                "8xl": "86rem"
+            },
+            spacing: {
+                128: "32rem"
+            },
+            zIndex: {
+                "-1": "-1"
+            },
+            fontFamily: {
+                nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
+                lato: ["Lato", ...defaultTheme.fontFamily.sans]
+            },
+            typography: (theme) => ({
+                DEFAULT: {
+                    css: {
+                        pre: {
+                            color: theme("colors.gray.700"),
+                            backgroundColor: theme("colors.gray.100"),
+                            lineHeight: 1.5
+                        },
+                        code: {
+                            backgroundColor: theme("colors.gray.100"),
+                            padding: "0.25rem",
+                            borderRadius: "3px",
+                            margin: "-0.25rem 1px"
+                        },
+                        "code::before": {
+                            content: "\"\""
+                        },
+                        "code::after": {
+                            content: "\"\""
+                        },
+                        "p:first-of-type": {
+                            fontSize: "1.125rem"
+                        }
+                    }
+                },
+                tint: {
+                    css: {
+                        pre: {
+                            color: theme("colors.gray.800"),
+                            backgroundColor: theme("colors.gray.150")
+                        }
+                    }
+                },
+                lg: {
+                    css: {
+                        pre: {
+                            lineHeight: 1.5
+                        },
+                        "p:first-of-type": {
+                            fontSize: "1.365rem"
+                        }
+                    }
+                },
+                xl: {
+                    css: {
+                        pre: {
+                            lineHeight: 1.5
+                        },
+                        "p:first-of-type": {
+                            fontSize: "1.365rem"
+                        }
+                    }
+                },
+                dark: {
+                    css: {
+                        color: theme("colors.gray.200"),
+                        "[class~=\"lead\"]": { color: theme("colors.gray.400") },
+                        a: { color: theme("colors.gray.100") },
+                        strong: { color: theme("colors.gray.100") },
+                        "ul > li::before": { backgroundColor: theme("colors.gray.700") },
+                        hr: { borderColor: theme("colors.gray.800") },
+                        blockquote: {
+                            color: theme("colors.gray.100"),
+                            borderLeftColor: theme("colors.gray.800")
+                        },
+                        h1: { color: theme("colors.gray.100") },
+                        h2: { color: theme("colors.gray.100") },
+                        h3: { color: theme("colors.gray.100") },
+                        h4: { color: theme("colors.gray.100") },
+                        code: {
+                            color: theme("colors.gray.100"),
+                            backgroundColor: theme("colors.gray.1000")
+                        },
+                        "a code": { color: theme("colors.gray.100") },
+                        pre: {
+                            color: theme("colors.gray.200"),
+                            backgroundColor: theme("colors.gray.900")
+                        },
+                        thead: {
+                            color: theme("colors.gray.100"),
+                            borderBottomColor: theme("colors.gray.700")
+                        },
+                        "tbody tr": { borderBottomColor: theme("colors.gray.800") }
+                    }
+                },
+                primary: {
+                    css: {
+                        color: theme("colors.gray.50"),
+                        "[class~=\"lead\"]": { color: theme("colors.gray.400") },
+                        a: { color: theme("colors.gray.100") },
+                        strong: { color: theme("colors.gray.100") },
+                        "ul > li::before": { backgroundColor: theme("colors.gray.700") },
+                        hr: { borderColor: theme("colors.gray.800") },
+                        blockquote: {
+                            color: theme("colors.gray.100"),
+                            borderLeftColor: theme("colors.gray.800")
+                        },
+                        h1: { color: theme("colors.gray.100") },
+                        h2: { color: theme("colors.gray.100") },
+                        h3: { color: theme("colors.gray.100") },
+                        h4: { color: theme("colors.gray.100") },
+                        code: {
+                            color: theme("colors.gray.100"),
+                            backgroundColor: "rgba(0,0,0,0.15)"
+                        },
+                        "a code": { color: theme("colors.gray.100") },
+                        pre: {
+                            color: theme("colors.gray.200"),
+                            backgroundColor: "rgba(0,0,0,0.15)"
+                        },
+                        thead: {
+                            color: theme("colors.gray.100"),
+                            borderBottomColor: theme("colors.gray.700")
+                        },
+                        "tbody tr": { borderBottomColor: theme("colors.gray.800") }
+                    }
+                }
+            })
+        }
     },
-    screens: {
-      sm: "600px",
-      md: "900px",
-      lg: "1200px",
-      xl: "1500px",
-      "2xl": "1800px",
+    variants: {
+        extend: { typography: ["tint", "dark", "primary"] }
     },
-    fontSize: {
-      xs: ".875rem",
-      sm: "1rem",
-      base: "1.125rem",
-      lg: "1.25rem",
-      xl: "1.5rem",
-      "2xl": "1.75rem",
-      "3xl": "2rem",
-      "4xl": "2.5rem",
-      "5xl": "3.25rem",
-      "6xl": "4rem",
-      "7xl": "5rem",
-      "8xl": "6rem",
-    },
-    borderWidth: {
-      DEFAULT: "3px",
-      0: "0",
-      2: "2px",
-      3: "3px",
-      4: "4px",
-    },
-    extend: {
-      textDecoration: ["active"],
-      opacity: {
-        7: ".075",
-        15: ".15",
-      },
-      maxWidth: {
-        "8xl": "86rem",
-      },
-      spacing: {
-        128: "32rem",
-      },
-      zIndex: {
-        "-1": "-1",
-      },
-      fontFamily: {
-        nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
-        lato: ["Lato", ...defaultTheme.fontFamily.sans],
-      },
-      typography: (theme) => ({
-        DEFAULT: {
-          css: {
-            pre: {
-              color: theme("colors.gray.700"),
-              backgroundColor: theme("colors.gray.100"),
-              lineHeight: 1.5,
-            },
-            code: {
-              backgroundColor: theme("colors.gray.100"),
-              padding: "0.25rem",
-              borderRadius: "3px",
-              margin: "-0.25rem 1px",
-            },
-            "code::before": {
-              content: '""',
-            },
-            "code::after": {
-              content: '""',
-            },
-            "p:first-of-type": {
-              fontSize: "1.125rem",
-            },
-          },
-        },
-        tint: {
-          css: {
-            pre: {
-              color: theme("colors.gray.800"),
-              backgroundColor: theme("colors.gray.150"),
-            },
-          },
-        },
-        lg: {
-          css: {
-            pre: {
-              lineHeight: 1.5,
-            },
-            "p:first-of-type": {
-              fontSize: "1.365rem",
-            },
-          },
-        },
-        xl: {
-          css: {
-            pre: {
-              lineHeight: 1.5,
-            },
-            "p:first-of-type": {
-              fontSize: "1.365rem",
-            },
-          },
-        },
-        dark: {
-          css: {
-            color: theme("colors.gray.200"),
-            '[class~="lead"]': { color: theme("colors.gray.400") },
-            a: { color: theme("colors.gray.100") },
-            strong: { color: theme("colors.gray.100") },
-            "ul > li::before": { backgroundColor: theme("colors.gray.700") },
-            hr: { borderColor: theme("colors.gray.800") },
-            blockquote: {
-              color: theme("colors.gray.100"),
-              borderLeftColor: theme("colors.gray.800"),
-            },
-            h1: { color: theme("colors.gray.100") },
-            h2: { color: theme("colors.gray.100") },
-            h3: { color: theme("colors.gray.100") },
-            h4: { color: theme("colors.gray.100") },
-            code: {
-              color: theme("colors.gray.100"),
-              backgroundColor: theme("colors.gray.1000"),
-            },
-            "a code": { color: theme("colors.gray.100") },
-            pre: {
-              color: theme("colors.gray.200"),
-              backgroundColor: theme("colors.gray.900"),
-            },
-            thead: {
-              color: theme("colors.gray.100"),
-              borderBottomColor: theme("colors.gray.700"),
-            },
-            "tbody tr": { borderBottomColor: theme("colors.gray.800") },
-          },
-        },
-        primary: {
-          css: {
-            color: theme("colors.gray.50"),
-            '[class~="lead"]': { color: theme("colors.gray.400") },
-            a: { color: theme("colors.gray.100") },
-            strong: { color: theme("colors.gray.100") },
-            "ul > li::before": { backgroundColor: theme("colors.gray.700") },
-            hr: { borderColor: theme("colors.gray.800") },
-            blockquote: {
-              color: theme("colors.gray.100"),
-              borderLeftColor: theme("colors.gray.800"),
-            },
-            h1: { color: theme("colors.gray.100") },
-            h2: { color: theme("colors.gray.100") },
-            h3: { color: theme("colors.gray.100") },
-            h4: { color: theme("colors.gray.100") },
-            code: {
-              color: theme("colors.gray.100"),
-              backgroundColor: "rgba(0,0,0,0.15)",
-            },
-            "a code": { color: theme("colors.gray.100") },
-            pre: {
-              color: theme("colors.gray.200"),
-              backgroundColor: "rgba(0,0,0,0.15)",
-            },
-            thead: {
-              color: theme("colors.gray.100"),
-              borderBottomColor: theme("colors.gray.700"),
-            },
-            "tbody tr": { borderBottomColor: theme("colors.gray.800") },
-          },
-        },
-      }),
-    },
-  },
-  variants: {
-    extend: { typography: ["tint", "dark", "primary"] },
-  },
-  plugins: [require("@tailwindcss/typography")],
+    plugins: [require("@tailwindcss/typography")]
 };