@keyframes page-intro-anim{from{transform:translateX(-50px);opacity:0}to{transform:translateX(0px);opacity:1}}@keyframes page-intro-shift{from{transform:scale(1.05)}to{transform:scale(1)}}.anim-shift-right{transform:translateX(-100px);opacity:0}.on .anim-shift-right,.on.anim-shift-right{transition:transform .8s ease-in-out,opacity .8s ease-in;transform:translateX(0px);opacity:1}.anim-shift-left{transform:translateX(100px);opacity:0}.on .anim-shift-left,.on.anim-shift-left{transition:transform .8s ease-in-out,opacity .8s ease-in;transform:translateX(0px);opacity:1}.anim-shift-top{transform:translateY(100px);opacity:0}.on .anim-shift-top,.on.anim-shift-top{transition:transform .8s ease-in-out,opacity .8s ease-in;transform:translateY(0px);opacity:1}.on .anim-shake-once{animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px;animation-delay:2.5s}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.anim-box-1{transform:scale(0.9) translateX(-150px);opacity:0}.on .anim-box-1{transition:transform .5s ease-in-out,opacity .5s ease-in;transform:scale(1) translateX(0px);opacity:1;transition-delay:.2s}.anim-box-2{transform:scale(0.9) translateX(-150px);opacity:0}.on .anim-box-2{transition:transform .5s ease-in-out,opacity .5s ease-in;transform:scale(1) translateX(0px);opacity:1;transition-delay:.8s}.anim-box-3{transform:scale(0.9) translateX(-150px);opacity:0}.on .anim-box-3{transition:transform .5s ease-in-out,opacity .5s ease-in;transform:scale(1) translateX(0px);opacity:1;transition-delay:1.6s}.anim-box-4{transform:scale(0.9) translateX(-150px);opacity:0}.on .anim-box-4{transition:transform .5s ease-in-out,opacity .5s ease-in;transform:scale(1) translateX(0px);opacity:1;transition-delay:2.2s}