diff --git a/public/css/custom.css b/public/css/custom.css
index 546ae9d..1d96225 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -1 +1 @@
-/* You can customize theme styles here */
\ No newline at end of file
+/* You can customize theme styles here */
diff --git a/public/index.html b/public/index.html
index 41fb05a..35b23f8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -210,6 +210,15 @@
             transform: scaleY(1);
         }
     }
+
+    .char {
+        transform: translateY(115px);
+        transition: transform .5s;
+    }
+
+    h1 {
+        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
+    }
 </style>
 
 
@@ -222,7 +231,6 @@
 
     
 
-
 </head>
 
 <body>
@@ -299,13 +307,12 @@
   <div class="container">
     <div class="row">
       <div class="col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6">
-        <h1 class="display-1">
-          Hello, I’m Basit.
-          <br />
-          <span
-            >Software Developer</span
-          >
+        <h1 class="display-1" id="title">
+          Hello, I’m Basit Ali.
         </h1>
+        <h1>
+          <span>Software Developer</span>
+        </h1 class="display-1">
         <p class="lead">
           I work at <a target='_blank' href='https://rail.town/'>Railtown</a>, a software development company in Canada. Right now I’m working on providing video conferencing and other VoIP solutions using WebRTC, Golang and other cool technologies.
         </p>
@@ -655,6 +662,19 @@
     })
 </script>
 
+
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.2/gsap.min.js" integrity="sha512-gsEItzcNkWxfxHjr4BaEZAd9YuRWYjxnj7c/yukcZ0/nWehUb5TjJNyyv1ApCU2DFH/qgw+stFZHPOKnoQnIuQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://unpkg.com/split-type"></script>
+
+<script>
+    const title = new SplitType('#title');
+    gsap.to('.char', {
+        y: 0,
+        stagger: 0.05,
+        delay: 0.2,
+        duration: .1
+    });
+</script>
 </body>
 
 </html>
