diff --git a/index.html b/index.html
index 77c74b0..c057412 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,6 @@
                     <a href="https://isabelroses.com" target="_blank"><img alt ="Izsybelle's website" src="assets/bell.gif"> </a>
                     <a href="https://marq42.xyz" target="_blank"><img alt="mir's website" src ="https://marq42.xyz/88x31/mir.png"></a>
                     <a href="https://amy.rip" target="_blank"><img alt = "amy's website" src="https://amy.rip/88x31.png"> </a>
-                    <a href="https://catppuccin.com" target="_blank"><img alt="Catppuccin website" src="assets/ctp.webp"></a>
                     <a href="https://trinkey.com/" target="_blank"><img src="https://trinkey.com/img/88x31.png"></a>
                     <a href="https://alyxia.dev" target="_blank"><img alt="Alyxia's website" src= "https://alyxia.dev/static/img/88x31/self.png"></a>
                     <a href="https://mopigames.gay/"target="_blank"><img alt="Mopi's website" src='https://mopigames.gay/assets/mopi.jpg'></a>
@@ -56,6 +55,7 @@
                     <a href="https://lgbtqia.fandom.com/wiki/Transgender" target="_blank"><img src = "assets/trn.gif"></a>
                     <a href="https://www.ikea.com/ca/en/p/blahaj-soft-toy-baby-shark-70540665/" target="_blank"><img src = "assets/blahaj.gif"></a>
                     <img src ="assets/monster.gif">
+                    <a href="https://catppuccin.com" target="_blank"><img alt="Catppuccin website" src="assets/ctp.webp"></a>
                     <a href="https://ck.catwithaclari.net/@gen" target="_blank"><img src ="assets/88x31.gif"></a>
                     <img src ="https://cyber.dabamos.de/88x31/she-her.gif">
                     <img src ="https://cyber.dabamos.de/88x31/they-them.gif">
diff --git a/style.css b/style.css
index 958ec8b..827d8c9 100644
--- a/style.css
+++ b/style.css
@@ -223,7 +223,14 @@ footer {
     margin: 5px;
     line-height: 1.75em;
     box-shadow: 0 0 5px 0 var(--ctp-peach);
-    font-style: bold
+    font-style: bold;
+    animation: 3s ease-in 1s infinite;
+    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
+}
+
+.socials a:hover {
+    background-color: var(--ctp-peach);
+    color: var(--ctp-mantle);
 }
 
 assets/left.svg {
@@ -253,10 +260,7 @@ select {
     
 }
 
-.socials a:hover {
-    background-color: var(--ctp-peach);
-    color: var(--ctp-mantle);
-}
+
 
 hr {
     height: 2px;