frontend/src/pages/Home.tsx

@@ -56,7 +56,7 @@ export default function Home() {
     <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
       <section
         ref={sectionContainer1}
-        className="relative w-full h-[850vh] bg-base-100 font-serif"
+        className="relative w-full h-[850vh] bg-base-100 font-serif text-neutral-content/90"
       >
         <div className="sticky top-0 h-screen w-full flex flex-col items-center justify-center overflow-hidden">
           {/*  Intro */}
@@ -102,7 +102,7 @@ export default function Home() {
           >
             <Logo type="logo" scale={1.5} ul={true} />
             <motion.div
-              className="font-serif font-extralight mt-6 text-4xl md:text-6xl text-neutral "
+              className="font-serif italic font-extralight mt-6 text-4xl md:text-6xl text-neutral "
               style={{
                 opacity: useTransform(
                   scrollYProgress,
@@ -122,7 +122,7 @@ export default function Home() {
               </span>
               ,<br />
               <motion.span
-                className="opacity-0 text-2xl md:text-4xl font-hand tracking-[0.4em] text-neutral"
+                className="opacity-0 text-2xl md:text-4xl font-hand tracking-widest italic text-neutral"
                 transition={{ delay: 5 }}
                 whileInView={{ opacity: 1 }}
                 viewport={{ once: false, amount: 0.3 }}
@@ -175,7 +175,7 @@ export default function Home() {
                 secure
               </span>{" "}
               and{" "}
-              <span className="text-info font-mono tracking-tighter">
+              <span className="text-info font-mono tracking-tighter italic">
                 private
               </span>
               .