.observer{opacity:0;visibility:hidden;transition:all .4s ease;&.top{transform:translateY(-100%)}&.bottom{transform:translateY(100%)}&.left{transform:translateX(-100%)}&.right{transform:translateX(100%)}&.active{opacity:1;visibility:visible;transform:translateX(0) translateY(0)}}