WIP attempt to fix page transitions, Several edits

src/animations/viewer.js

@@ -1,5 +1,5 @@
 import anime from 'animejs'
-import { animDuration } from 'utils/store'
+import { transitionNormal } from 'utils/store'
 
 
 /*
@@ -10,7 +10,7 @@ export const animateIn = () => {
     anime({
         targets: '.viewer__top p, .viewer__top .buttons a',
         translateY: [-32, 0],
-        duration: animDuration,
+        duration: transitionNormal,
         delay: anime.stagger(150, { start: 600 }),
         easing: 'easeOutQuart'
     })
@@ -20,7 +20,7 @@ export const animateIn = () => {
         targets: '.viewer .carousel',
         opacity: [0, 1],
         translateY: window.innerWidth >= 768 ? [32, 0] : ['-33%', '-37%'],
-        duration: animDuration,
+        duration: transitionNormal,
         delay: 300,
         easing: 'easeOutQuart'
     })
@@ -30,7 +30,7 @@ export const animateIn = () => {
         targets: '.viewer .carousel__number_column',
         opacity: [0, 1],
         marginTop: [24, 0],
-        duration: animDuration,
+        duration: transitionNormal,
         delay: anime.stagger(100, { start: 450 }),
         easing: 'easeOutQuart'
     })