diff animation

Author: zesameri

css/crumple.css

@@ -514,42 +514,8 @@
   }
 
   body:has(.footer__link--writings:hover) .crumple:after {
-    background-color: transparent;
-  }
-
-  body:has(.footer__link--writings:hover) .crumple .crumple__rect {
-    -webkit-animation: rectangle-reveal 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    animation: rectangle-reveal 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    /* background-color: #e619c4; */
-    background-color: #222;
-
-  }
-
-  body:has(.footer__link--writings:hover) .crumple .shapes-container .circle-one {
-    -webkit-animation: circle-one 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    animation: circle-one 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    background-color: #020121;
-  }
-
-  body:has(.footer__link--writings:hover) .crumple .shapes-container .circle-two {
-    -webkit-animation: circle-two 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    animation: circle-two 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    /* background-color: #ff6347; */
-    background-color: #222;
-  }
-
-  body:has(.footer__link--writings:hover) .crumple .shapes-container .circle-three {
-    -webkit-animation: circle-three 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    animation: circle-three 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    /* background-color: #eaff47; */
-    background-color: #020121;
-  }
-  
-  body:has(.footer__link--writings:hover) .crumple .shapes-container .circle-four {
-    -webkit-animation: circle-four 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    animation: circle-four 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-    /* background-color: #19e6a1; */
-    background-color: #222;
+    -webkit-animation: e 1s .25s linear forwards;
+    animation: e 1s .25s linear forwards
   }
 
   body:has(.footer__link--github:hover) .crumple:after {