.reveal{--start-x:0;--start-y:0;opacity:0;transform:translate(var(--start-x), var(--start-y));will-change:transform, opacity;transition:opacity .8s,transform .8s}.reveal.from-bottom{--start-x:0;--start-y:7vh}.reveal.from-left{--start-x:-7vw;--start-y:0}.reveal.from-right{--start-x:7vw;--start-y:0}.reveal.visible{opacity:1;transform:translate(0)}