body{opacity:0;transition:opacity 2.2s ease}body.page-visible{opacity:1}.opening{width:100%;height:100%;top:0;left:0;z-index:1;position:fixed;background-color:#ffffff;transition:all 0.5s eas}.opening--out{left:100%}.opening-logo{opacity:0;transition:opacity 0.5s}.opening-logo img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.opening-logo--visible{opacity:1}.page-slide{position:fixed;top:0;left:-100%;width:100%;height:100%;background:rgb(0,0,0);z-index:9999;transition:transform 0.8s ease;transform:translateX(0)}.page-slide.is-active{transform:translateX(100%)}