Update design...

src/components/Em.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react'
 
 const Em = ({ children }: PropsWithChildren<EmProps>) => {
-  return <span>{children}</span>
+  return <span className="font-medium">{children}</span>
 }
 
 export interface EmProps {

src/components/Heading.tsx

@@ -25,7 +25,7 @@ const Heading = ({
     )
   } else if (size === 3) {
     return (
-      <h3 className={defaultClasses + ' pb-4 text-xl opacity-90'}>
+      <h3 className={defaultClasses + ' pb-4 text-lg opacity-90'}>
         {children}
         {anchor}
       </h3>

src/content/SkillsTile.tsx

@@ -5,7 +5,6 @@ import Paragraph from '../components/Paragraph'
 const SkillsTile = () => {
   return (
     <div>
-      <div className="flex"></div>
       <Heading size={3}>Skills</Heading>
       <Paragraph>
         I specialize in <Em>nicer parts of the front end universe</Em>. I write CSS and front end

vercel.json

@@ -0,0 +1,3 @@
+{
+  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
+}