some changes

cursor.js

@@ -2,4 +2,4 @@ var cursor = document.querySelector(".cursor");
 var cursor2 = document.querySelector(".cursor2");
 document.addEventListener("mousemove", function (e) {
     cursor.style.cssText = cursor2.style.cssText = "left: " + e.clientX + "px; top: " + e.clientY + "px;";
-});
+});

index.html

@@ -150,7 +150,7 @@ <h1 id="hero-title" class="hero-title mb-4 text-[2.3rem] tracking-tight text-whi
       <div class="lg:pr-4 isolate">
         <div class="lg:max-w-lg ">
           <p class="text-base font-semibold leading-7 text-yellow-400 scrollFade">About</p>
-          <h1 class="max-w-xl mb-4 text-5xl font-extrabold text-white tracking-tight leading-none md:text-5xl xl:text-6xl scrollFade ">Concerning <span class="text-yellow-400">Me</span></h1>
+          <h1 class="max-w-xl mb-4 text-5xl font-extrabold text-white tracking-tight leading-none md:text-5xl xl:text-6xl scrollFade ">Concerning Me</h1>
           <p class="mt-6 text-2xl leading-8 text-gray-200 Roobert-font scrollFade ">A hands-on creative with more than 3 years design experience.</p>
         </div>
         <div class="lg:pr-4 mt-7">
@@ -176,7 +176,7 @@ <h1 class="max-w-xl mb-4 text-5xl font-extrabold text-white tracking-tight leadi
       </div>
         <div class="lg:pr-4 mt-5  ">
         <div class="max-w-xl text-2xl Roobert-font leading-[2rem] text-gray-200">
-          <p class="scrollFade">I created this website so I could showcase all this and through this process, make it easier for you to connect with me. If you like what you see, head over to the contact section below and send me a text. I would love to hear from you!</p>
+         <p class="scrollFade">I created this website so I could showcase all this and through this process, make it easier for you to connect with me. If you like what you see, head over to the contact section below and send me a text. I would love to hear from you!</p>
         </div>
       </div>
 
@@ -459,12 +459,12 @@ <h3 class="mb-1 text-lg font-semibold text-gray-200 ">Web Designer & Developer</
 <!-- Scrolling Text -->
   <section class="scrolling-text">
     <div class="scroll text1 ">
-       <div class="bg-yellow-400">
+       <div class="bg-[#ffff00]">
       Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>
     </div>
-      <div class="bg-yellow-400">
+      <div class="bg-[#ffff00]">
       Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>
-    </div class="bg-yellow-400">
+    </div class="bg-[#ffff00]">
       <div>
       Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>Tasnimul <span>Haque • </span>
     </div>
@@ -476,7 +476,7 @@ <h3 class="mb-1 text-lg font-semibold text-gray-200 ">Web Designer & Developer</
   <div class="pb-8  px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6 ">
       <div class="max-w-screen-md m-auto mb-8 lg:mb-20">
           <p class="text-base font-semibold leading-7 text-yellow-400 mb-2 text-center scrollFade">Skills</p>
-          <h2 class="text-center mb-4 text-4xl tracking-tight font-extrabold text-white leading-none md:text-5xl xl:text-6xl scrollFade">My Area of Expertise</h2>
+          <h2 class="text-center mb-4 text-4xl tracking-tight font-extrabold text-white leading-none md:text-5xl xl:text-6xl scrollFade">My area of expertise</h2>
           <p class="text-gray-300 sm:text-xl font-light text-center scrollFade">People who wish to go into the future should have two skills to succeed – the ability to deal with people and the ability to sell. - <i> Shiv Khera</i> </p>
       </div>
       <div class="space-y-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 lg:gap-8 gap-y-0 gap-x-3 md:space-y-0">

index.js

@@ -124,29 +124,3 @@ function getAge(dateString) {
 const myAge = document.getElementById('profileAge')
 myAge.innerText = getAge("2003/12/24")
 
-// ---------------------------------
-
-// // Get paths with targets.
-// const animatedPaths = document.querySelectorAll('[data-morph-targets]');
-
-// // Create timeline for each morphing paths.
-// animatedPaths.forEach((path, index) => {
-//     const targets = path.getAttribute('data-morph-targets').split(',');
-//     const timeline = gsap.timeline({
-//         delay: index * -2,
-//         repeat: -1,
-//         yoyo: true,
-//     });
-
-//     targets.forEach((targetId) => {
-//         const target = document.querySelector(`[data-morph=${targetId}]`);
-
-//         timeline.to(
-//             path,
-//             5, {
-//             morphSVG: target,
-//             ease: "none",
-//         },
-//         );
-//     });
-// });

style.css

@@ -4,10 +4,6 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
 
-@font-face {
-    font-family: F37Ginger;
-    src: url(./Assets/F37_Ginger/F37\ Ginger\ Bold.ttf);
-}
 
 @font-face {
     font-family: Roobert;
@@ -18,9 +14,6 @@
     font-family: Roobert;
 }
 
-.name-heading {
-    font-family: F37Ginger;
-}
 
 body {
     font-family: 'Inter', sans-serif;
@@ -380,4 +373,4 @@ body:after {
         top: 50vh;
         left: 100vw;
     }
-} 
+}