Change Title to use body font

web/components/mantic-logo.tsx

@@ -17,7 +17,6 @@ export function ManticLogo(props: { darkBackground?: boolean }) {
             'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
             darkBackground && 'text-white'
           )}
-          style={{ fontFamily: 'Major Mono Display,monospace' }}
         >
           Mantic Markets
         </div>

web/components/title.tsx

@@ -4,10 +4,7 @@ export function Title(props: { text: string; className?: string }) {
   const { text, className } = props
   return (
     <h1
-      className={clsx(
-        'text-3xl font-major-mono text-indigo-700 inline-block my-6',
-        className
-      )}
+      className={clsx('text-3xl text-indigo-700 inline-block my-6', className)}
     >
       {text}
     </h1>

web/tailwind.config.js

@@ -8,7 +8,7 @@ module.exports = {
     fontFamily: Object.assign(
       { ...defaultTheme.fontFamily },
       {
-        'major-mono': ['Courier', 'monospace'],
+        'major-mono': ['Major Mono Display', 'monospace'],
         'readex-pro': ['Readex Pro', 'sans-serif'],
       }
     ),