bigger font size for section heading

Author: frontendfixer

src/routes/Home.tsx

@@ -21,7 +21,7 @@ const Home = () => {
         </section>
         <section id="skills" className="pb-16">
           <div className="bg-blue-400 pb-40 pt-24">
-            <h2 className="text-center font-serif text-3xl font-bold text-white drop-shadow-md lg:text-5xl">
+            <h2 className="text-center font-serif text-4xl font-bold text-white drop-shadow-md lg:text-6xl">
               Skills
             </h2>
           </div>
@@ -31,15 +31,15 @@ const Home = () => {
         </section>
         <section className="pb-16 pt-24" id="projects">
           <Container>
-            <h2 className="mb-16 text-center font-serif text-3xl font-bold capitalize text-dark-900 drop-shadow-md dark:text-gray-50 lg:text-5xl">
+            <h2 className="mb-16 text-center font-serif text-4xl font-bold capitalize text-dark-900 drop-shadow-md dark:text-gray-50 lg:text-6xl">
               My recent projects
             </h2>
             <RecentWork />
           </Container>
         </section>
         <section id="contact" className="bg-lime-400 pb-16 pt-24">
           <Container>
-            <h2 className="mb-8 text-center font-serif text-3xl font-bold text-white drop-shadow-md lg:text-5xl">
+            <h2 className="mb-8 text-center font-serif text-4xl font-bold text-white drop-shadow-md lg:text-6xl">
               Get in touch with me
             </h2>
             <Contact />