.entr {
    opacity: 0;
    transition: 0s;
    will-change: transform, opacity;
    --tx: 0px;
    --ty: 0px;
    --sc: 1;
    --delay: 0s;
    transform: translateX(var(--tx)) translateY(var(--ty)) scale(var(--sc))
}
.entr.e-left-s  { --tx: 25px }
.entr.e-right-s { --tx: -25px }
.entr.e-up-s    { --ty: 25px }
.entr.e-down-s  { --ty: -25px }
.entr.e-left    { --tx: 50px }
.entr.e-right   { --tx: -50px }
.entr.e-up      { --ty: 50px }
.entr.e-down    { --ty: -50px }
.entr.e-left-l  { --tx: 75px }
.entr.e-right-l { --tx: -75px }
.entr.e-up-l    { --ty: 75px }
.entr.e-down-l  { --ty: -75px }
.entr.e-exp-s { --sc: 0.8 }
.entr.e-exp-m { --sc: 0.6 }
.entr.e-exp-l { --sc: 0 }
.entr.e-left-s.in-view,
.entr.e-right-s.in-view,
.entr.e-up-s.in-view,
.entr.e-down-s.in-view,
.entr.e-left.in-view,
.entr.e-right.in-view,
.entr.e-up.in-view,
.entr.e-down.in-view,
.entr.e-left-l.in-view,
.entr.e-right-l.in-view,
.entr.e-up-l.in-view,
.entr.e-down-l.in-view {
    --tx: 0px;
    --ty: 0px;
    opacity: 1;
    transition: transform 0.75s ease, opacity 0.8s ease
}
.entr.e-exp-s.in-view,
.entr.e-exp-m.in-view,
.entr.e-exp-l.in-view {
    --sc: 1;
    opacity: 1;
    transition: transform 0.75s ease, opacity 0.8s ease
}
.entr.e-fade-s.in-view { opacity: 1; transition: opacity 0.4s ease }
.entr.e-fade-m.in-view { opacity: 1; transition: opacity 0.8s ease }
.entr.e-fade-l.in-view { opacity: 1; transition: opacity 1.2s ease }
.entr.e-vel-s.in-view { transition: transform 0.4s ease, opacity 0.8s ease }
.entr.e-vel-l.in-view { transition: transform 1s ease, opacity 0.8s ease }
.e-op1 { opacity: 1 !important }
.entr.e-delay-1.in-view  { transition-delay: 0.05s }
.entr.e-delay-2.in-view  { transition-delay: 0.1s }
.entr.e-delay-3.in-view  { transition-delay: 0.15s }
.entr.e-delay-4.in-view  { transition-delay: 0.2s }
.entr.e-delay-5.in-view  { transition-delay: 0.25s }
.entr.e-delay-6.in-view  { transition-delay: 0.3s }
.entr.e-delay-7.in-view  { transition-delay: 0.35s }
.entr.e-delay-8.in-view  { transition-delay: 0.4s }
.entr.e-delay-9.in-view  { transition-delay: 0.45s }
.entr.e-delay-10.in-view  { transition-delay: 0.5s }
.entr.e-delay-11.in-view  { transition-delay: 0.55s }
.entr.e-delay-12.in-view  { transition-delay: 0.6s }
.entr.e-delay-13.in-view  { transition-delay: 0.65s }
.entr.e-delay-14.in-view  { transition-delay: 0.7s }
.entr.e-delay-15.in-view  { transition-delay: 0.75s }
.entr.e-delay-16.in-view  { transition-delay: 0.8s }
.entr.e-delay-17.in-view  { transition-delay: 0.85s }
.entr.e-delay-18.in-view  { transition-delay: 0.9s }
.entr.e-delay-19.in-view  { transition-delay: 0.95s }
.entr.e-delay-20.in-view { transition-delay: 1s }