diff --git a/index.html b/index.html
index e58aa08..67d8cd5 100644
--- a/index.html
+++ b/index.html
@@ -113,28 +113,28 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
 
 
         <!-- LinkedIn -->
-        <a class="button button-linked zoom-box" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener">
+        <a class="button button-linked zoom-box animate-top" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
         <br>
        
         
         <!-- XING -->
-        <a class="button button-xing zoom-box button-entrance" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
+        <a class="button button-xing zoom-box animate-top" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
         <br>
 
         <!-- Gitea -->
-        <a class="button button-gitea zoom-box button-entrance" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
+        <a class="button button-gitea zoom-box 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 button-entrance" href="https://github.com/hxcde" target="_blank" rel="noopener">
+        <a class="button button-github zoom-box 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 button-entrance" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
+        <a class="button button-twit zoom-box 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>
 
@@ -142,7 +142,7 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
         <br>
 
         <!-- Email -->
-        <a class="button button-default zoom-box button-entrance" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
+        <a class="button button-default zoom-box 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>