diff --git a/index.html b/index.html
index 4baf902..b255b72 100644
--- a/index.html
+++ b/index.html
@@ -124,25 +124,25 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
         <br>
 
         <!-- Gitea -->
-        <a class="button button-gitea zoom-box" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
+        <a class="button button-gitea zoom-box w3-animate-top" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/gitea.svg" alt="Gitea Logo">Gitea</a>
         <br>
 
         <!-- GitHub -->
-        <a class="button button-github zoom-box" href="https://github.com/hxcde" target="_blank" rel="noopener">
+        <a class="button button-github zoom-box w3-animate-top" href="https://github.com/hxcde" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
         <br>
 
         <!-- Twitter -->
-        <a class="button button-twit zoom-box" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
+        <a class="button button-twit zoom-box w3-animate-top" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
         <br>
 
-        <a style="font-size:24px;color:White;"><strong> Contact me </strong></a><br>
+        <a class="w3-animate-top" style="font-size:24px;color:White;"><strong> Contact me </strong></a><br>
         <br>
 
         <!-- Email -->
-        <a class="button button-default zoom-box" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
+        <a class="button button-default zoom-box w3-animate-top" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a>
         <br>