@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(70%);}
50%{-webkit-transform:translateY(70%);}
100%{opacity:1;-webkit-transform:translateY(0%);}
}
@keyframes slideOut{0%{opacity:1;-webkit-transform:translateX(0%);}
50%{-webkit-transform:translateY(-70%);}
100%{opacity:0;-webkit-transform:translateX(-70%);}
}
.animation{animation-name:slideIn;animation-duration:2s;animation-fill-mode:both;}