feat: v0.3.0 finalization

Author: olivier3lanc

assets/css/dsg_animations.css

@@ -7,6 +7,24 @@
         transform: translateY(-50%) rotateY(180deg);
     }
 }
+@keyframes rotato {
+    0% {
+        transform: translateZ(0px) rotateY(90deg);
+        opacity: 0.4;
+    }
+    10% {
+        transform: translateZ(12px) rotateY(90deg);
+        opacity: 0.4;
+    }
+    90% {
+        transform: translateZ(12px) rotateY(0deg);
+        opacity: 0.4;
+    }
+    100% {
+        transform: translateZ(0px) rotateY(0deg);
+        opacity: 1;
+    }
+}
 .__animation_1,
 .__animation_2 {
     perspective: 200px;
@@ -25,6 +43,7 @@
     color: var(--dsg-colors-secondary-500);
     transform-origin: 100% 50%;
     font-size: var(--dsg-fontSizes-5);
+    font-family: var(--dsg-fontFamilies-lead-400);
 }
 .__animation_1::after,
 .__animation_2::after {
@@ -40,6 +59,7 @@
     color: var(--dsg-colors-secondary-500);
     transform-origin: 0% 50%;
     font-size: var(--dsg-fontSizes-5);
+    font-family: var(--dsg-fontFamilies-lead-400);
 }
 
 .__animation_1:hover::before,
@@ -56,6 +76,9 @@
 .__animation_2::before,
 .__animation_2::after {
     top: 46%;
-    color: var(--dsg-colors-primary-100);
+    color: var(--dsg-colors-primary-400);
     animation: foo 0.5s ease-in-out 0s 1;
+}
+.__animation_3 {
+    animation: rotato 300ms 0s 1 forwards;
 }