dos

Public/static/css/index.css

@@ -84,91 +84,62 @@ video {
   opacity: 0.2;
 }
 
-.video1,
-.video2,
-.video3 {
+.video1 {
   border-radius: 20px;
   overflow: hidden;
 }
 
-.arrow {
-  animation: arrow 2s linear infinite;
-  -webkit-animation: arrow 2s linear infinite;
+.block.animate {
+  animation: fadeInUp 0.8s ease-in-out backwards;
+  -webkit-animation: fadeInUp 0.8s ease-in-out backwards;
 }
 
-.link-arrow,
-.more1-arrow,
-.more2-arrow,
-.link-text,
-.more1-text,
-.more2-text {
+.link-text {
   animation: linkArrow 2s linear infinite;
   -webkit-animation: linkArrow 2s linear infinite;
 }
 
-@keyframes linkArrow {
-
-  0%,
-  100% {
-    opacity: 0.3;
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes linkArrow {
-
-  0%,
-  100% {
-    opacity: 0.3;
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0)
   }
 
-  50% {
+  to {
     opacity: 1;
+    -webkit-transform: none;
+    transform: none
   }
 }
 
-
-@keyframes arrow {
+@keyframes fadeInUp {
   0% {
-    transform: translateY(-50%);
     opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0)
   }
 
-  50% {
-    opacity: 1;
-  }
+  @keyframes linkArrow {
 
-  90% {
-    opacity: 1;
-    transform: translateY(50%);
-  }
+    0%,
+    100% {
+      opacity: 0.3;
+    }
 
-  100% {
-    opacity: 0;
-    transform: translateY(50%);
+    50% {
+      opacity: 1;
+    }
   }
-}
 
-@-webkit-keyframes arrow {
-  0% {
-    -webkit-transform: translateY(-50%);
-    opacity: 0;
-  }
+  @-webkit-keyframes linkArrow {
 
-  50% {
-    opacity: 1;
-  }
-
-  90% {
-    opacity: 1;
-    -webkit-transform: translateY(50%);
-  }
+    0%,
+    100% {
+      opacity: 0.3;
+    }
 
-  100% {
-    opacity: 0;
-    -webkit-transform: translateY(50%);
-  }
-}
\ No newline at end of file
+    50% {
+      opacity: 1;
+    }
+  }
\ No newline at end of file