diff --git a/src/layouts/index.html b/src/layouts/index.html
index 7a55fbf..93e07bf 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -30,7 +30,7 @@
   <div class="container hero-container">
     <div class="row">
       <div class="col">
-        <h1>Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1>
+        <h1 class="animated-25 animatedFadeInUp fadeInUp">Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1>
       </div>
     </div>
     <div class="row">
diff --git a/src/layouts/partials/floating-join-btn.html b/src/layouts/partials/floating-join-btn.html
index 037fc15..1433a69 100644
--- a/src/layouts/partials/floating-join-btn.html
+++ b/src/layouts/partials/floating-join-btn.html
@@ -174,6 +174,6 @@
 
 </style>
 
-<a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container" style="background-color:#8EC7BF;">
+<a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container animated-5 animatedFadeInUp fadeInUp" style="background-color:#8EC7BF;">
  JOIN
 </a>
diff --git a/src/static/css/animations.css b/src/static/css/animations.css
index cf51045..6fc6fee 100644
--- a/src/static/css/animations.css
+++ b/src/static/css/animations.css
@@ -51,8 +51,8 @@
 /* Text Flicker Animation */
 
 
-h1,.gf-container{
-  animation: text-flicker 3s linear;
+h1, .hero-container{
+  animation: text-flicker 1.5s linear;
   transition: 0.2s ease-out;
 }