single page animation changed

assets/sass/base/_animation.scss

@@ -22,6 +22,18 @@
   }
 }
 
+@include keyframes(slide-in-left-little) {
+  0% {
+    transform: translate(-1%,0);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translate(0,0);
+    opacity: 1;
+  }
+}
+
 @include keyframes(slide-in-down-little) {
   0% {
     transform: translate(0,-1%);

assets/sass/pages/_single.scss

@@ -11,7 +11,7 @@
     line-height: 3rem;
     overflow-wrap: break-word;
 
-    @include animation('slide-in-left .2s .15s 1 ease-in both');
+    @include animation('slide-in-down .2s .3s 1 ease-in both');
     @include themify($themes) {
       color: themed("single-header-title-color");
     }
@@ -23,7 +23,7 @@
     @include flexbox();
     @include align-items(center);
     @include flex-wrap(wrap);
-    @include flex-grow(1);    
+    @include flex-grow(1);
     @include themify($themes) {
       color: themed('meta-color');
     }
@@ -47,12 +47,12 @@
   }
 
   &__contents {
-    @include animation('slide-in-down-little .3s .4s 1 ease-in both');
+    @include animation('slide-in-left-little .2s .6s 1 ease-in both');
     &--gallery {
       overflow: hidden;
     }
 
-    &>p>a {
+    & > p > a {
       text-decoration: underline;
     }