diff --git a/index.html b/index.html
index 509f272..4ed62e0 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,9 @@
 <body>
     <img id="profilePicture" src="https://avatars0.githubusercontent.com/u/43749971" alt="Profile Picture">
 
-    <p id="userName">@JohnEmerson1406</p>
+    <div id="userName">
+        @JohnEmerson1406
+    </div>
 
     <div id="links">
         <a class="link" href="https://github.com/JohnEmerson1406" target="_blank"><i
@@ -30,6 +32,10 @@
                 class="fa fa-play-circle">&nbsp;</i>MyAnimeList</a>
     </div>
 
+    <div id="profileQuote">
+        #SejaFeliz❤
+    </div>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 96541a3..88f1800 100644
--- a/style.css
+++ b/style.css
@@ -55,4 +55,31 @@ body {
 .link:hover {
     background-color: var(--bgColor);
     color: var(--accentColor);
-}
\ No newline at end of file
+}
+
+#profileQuote {
+    color: #bbb;
+    font-size: 1rem;
+    display: block;
+    font-family: var(--font);
+    width: 100%;
+    text-align: center;
+
+    /*  animation   */
+    overflow: hidden;
+    background: linear-gradient(90deg, #000, #fff, #000);
+    background-repeat: no-repeat;
+    background-size: 80%;
+    animation: animate 3s linear infinite;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: rgba(255, 255, 255, 0);
+}
+
+@keyframes animate {
+    0% {
+      background-position: -500%;
+    }
+    100% {
+      background-position: 500%;
+    }
+  }
\ No newline at end of file
