Update text sizes

src/components/Heading.tsx

@@ -3,10 +3,10 @@ import { HTMLAttributes } from 'react'
 
 const Heading = ({ size = 1, className, children }: TitleProps) => {
   if (size === 1) {
-    return <h1 className={clsx(className, 'text-3xl font-medium lg:text-4xl')}>{children}</h1>
+    return <h1 className={clsx(className, 'text-2xl font-medium sm:text-3xl')}>{children}</h1>
   } else if (size === 2) {
     return (
-      <h2 className={clsx(className, 'text-2xl font-medium !leading-snug sm:text-3xl lg:text-4xl')}>
+      <h2 className={clsx(className, 'text-2xl font-medium !leading-snug sm:text-3xl')}>
         {children}
       </h2>
     )

src/components/Paragraph.tsx

@@ -9,8 +9,8 @@ const Paragraph = ({
   return (
     <p
       className={clsx(
-        'w-full leading-[1.42] print:max-w-full',
-        big && 'text-2xl font-medium !leading-snug sm:text-3xl lg:text-4xl print:text-xl',
+        'w-full max-w-6xl leading-[1.42] print:max-w-full',
+        big && 'text-2xl font-medium !leading-snug sm:text-3xl print:text-xl',
         className
       )}
     >

src/components/WorkPreviewTile.tsx

@@ -1,12 +1,14 @@
 import { clsx } from 'clsx'
 import { HTMLAttributes } from 'react'
-import Paragraph from './Paragraph'
+import Heading from './Heading'
 
 const WorkPreviewTile = ({ children, title, className, link }: WorkPreviewTileProps) => {
   return (
     <a href={link} className={clsx('w-full', className)}>
       <div className="mb-4">{children}</div>
-      <Paragraph className="hover:underline">{title} &rarr;</Paragraph>
+      <Heading size={2} className="hover:underline">
+        {title} &rarr;
+      </Heading>
     </a>
   )
 }

src/pages/About.tsx

@@ -1,4 +1,3 @@
-import Link from '@/components/Link'
 import Paragraph from '@/components/Paragraph'
 import CvTimeline from '@/content/CvTimeline'
 
@@ -15,11 +14,7 @@ const About = () => {
         work. Family time is a non-negotiable, and I put high priority in my time off, enjoying
         mountain bike, hiking and travel—whether with family or solo when needed.
       </Paragraph>
-      <Paragraph big className="mb-24 px-6 sm:px-8 md:px-12">
-        <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link> &mdash; Bratislava,
-        Slovakia
-      </Paragraph>
-      <div className="mb-24 flex flex-col gap-2 bg-cv-light p-6 sm:p-8 md:p-12 dark:bg-cv-dark">
+      <div className="bg-cv-light dark:bg-cv-dark mb-24 flex flex-col gap-2 p-6 sm:p-8 md:p-12">
         <CvTimeline />
       </div>
     </>