/*
.rotate-wrapper { position: absolute; top: 250px; left: 300px; width: 58px; height: 58px; }

.rotate-inner { width: 58px; height: 58px; background: yellow; }

.rotate { -webkit-transition-duration: 2s; -webkit-animation-timing-function: linear; }
.rotate .rotate-inner { -webkit-transition-duration: 2s; -webkit-animation-timing-function: linear; }

.rotate-wrapper.wrapper-top { width: 58px; height: 200px; }

.rotate-wrapper.wrapper-right { width: 200px; height: 58px; }
.rotate-wrapper.wrapper-right .rotate-inner { position: absolute; right: 0; }

.rotate-wrapper.wrapper-left { width: 200px; height: 58px; }

.rotate-wrapper.wrapper-bottom { width: 58px; height: 200px; }
.rotate-wrapper.wrapper-bottom .rotate-inner { position: absolute; bottom: 0; }

.rotate-right { -webkit-transform: rotate(90deg); }
.rotate-right .rotate-inner { -webkit-transform: rotate(-90deg); }

.rotate-left { -webkit-transform: rotate(-90deg); }
.rotate-left .rotate-inner { -webkit-transform: rotate(90deg); }

.rotate-origin1 { -webkit-transform-origin: 100% 50%; }

.rotate-origin2 { -webkit-transform-origin: 50% 0%; }

.rotate-origin3 { -webkit-transform-origin: 0% 50%; }

.rotate-origin4 { -webkit-transform-origin: 50% 100%; }
*/
/*# sourceMappingURL=anime.css.map */

@keyframes horizontal {
    0% { transform:translateX( 500px); }
  50% { transform:translateX(  -1100px) rotateY(0deg); }
	51% { transform:translateX(  -1100px) rotateY(180deg); }
	99%{transform:translateX(500px) rotateY(180deg);}
	100%{transform:translateX(500px) rotateY(0deg);}
}
@keyframes vertical {
    0% { transform:translateY(-5px); }
  100% { transform:translateY(  3px); }
}

@keyframes rotation {
	0% {transform: rotate(-5deg);}
	100% {transform: rotate(5deg);}
}


.ship {
  animation: horizontal 90s ease-in-out infinite;
}

.ship .ship_v {
  animation: vertical 1.5s ease-in-out infinite alternate;
}

.ship .ship_r {
  animation: rotation 1.0s ease-in-out infinite alternate;
}