new link hover animation

css/index.css

@@ -396,3 +396,26 @@ footer {
   text-align: center;
   padding: 2em;
 }
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+a {
+  background: linear-gradient(to right, #64c8c800, rgba(100, 200, 200, 0)),
+    linear-gradient(
+      to right,
+      rgba(255, 0, 0, 1),
+      rgba(255, 0, 180, 1),
+      rgba(0, 100, 200, 1)
+    );
+  background-size: 100% 3px, 0 3px;
+  background-position: 100% 100%, 0 100%;
+  background-repeat: no-repeat;
+  transition: background-size 400ms;
+}
+
+a:hover {
+  background-size: 0 3px, 100% 3px;
+}