FEATURE Adding a mention div component

resources/css/layout/footer.css

@@ -85,6 +85,37 @@ footer {
       }
     }
   }
+
+  .mentions {
+    li,
+    p,
+    a {
+      @apply text-xl font-light;
+    }
+    a {
+      @apply underline;
+      text-decoration-thickness: 1px;
+      text-underline-offset: 6px;
+      &:hover {
+        filter: brightness(1.3);
+      }
+    }
+    ul {
+      @apply w-full flex gap-x-4 justify-between pt-12;
+      li {
+        @apply text-primary;
+      }
+      li.deligraph_credit {
+        @apply flex gap-x-1 items-center;
+        img {
+          transition: all 0.5s;
+          @apply w-5 h-5 filter-primary;
+          animation: fade-in-out 3.5s linear infinite;
+          /* scale: 1.2; */
+        }
+      }
+    }
+  }
 }
 
 @keyframes parallax {
@@ -95,3 +126,19 @@ footer {
     transform: translateY(200px);
   }
 }
+
+@keyframes fade-in-out {
+  10% {
+    opacity: 0;
+    scale: 0.8;
+  }
+  40%,
+  60% {
+    opacity: 1;
+    scale: 1;
+  }
+  100% {
+    opacity: 0;
+    scale: 0.8;
+  }
+}