article {
	overflow-x: hidden;

/*	background: linear-gradient(180deg, #fff 17%, #ff64a7 41%, #3790ff 63%, #9dd7ff 81%, #fff 100%);*/
}

.announce__video > div {
	position: relative;

	max-width: 100%;
	width: 1264px;
	height: auto;
	margin: 0 auto;
}

.announce__video video {
	position: absolute;
}

#v1 {
	top: 7.7%;
	left: 2.5%;

	width: 95%;
}

#v2 {
	top: 7.6%;
	left: 2.5%;

	width: 95%;
}

.ship {
	position: absolute;

	height: auto;
}

#cover-red_ship {
	left: 5%;
	top: 18%;

	width: 10%;
	max-width: 1024px;

	/*animation: 40s ease-out cover-red;*/

	will-change: transform;

	transition: all 300ms linear;
}

#cover-purple_ship {
	left: 15%;
	top: 37%;

	width: 22%;
	max-width: 499px;

	/*animation: 25s linear cover-purple;*/

	will-change: transform;

	transition: all 300ms linear;
}

#cover-island {
	top: 50%;
	left: 50%;

	width: 100%;

	z-index: 3;

	transition: all 300ms linear;

	will-change: transform;

	pointer-events: none;

	transform: translate(-50%, -50%);
}



#orange_ship {
	left: -37%;
	top: 24%;

	width: 33%;
}

#red_ship {
	right: -46%;
	top: 80%;

	width: 49%;
}

#blue_ship {
	left: -25%;
	top: 60%;

	width: 20%;
}

#balls {
	left: -8%;
	bottom: 0;

	width: 22%;

	transform: translateY(20%);
}

#island {
	right: -21%;
	bottom: 0;

	width: 18%;

	z-index: 1;

animation: 2.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite island;
}

@keyframes island {
	0%   { transform: translateY(0); }
	50% { transform: translateY(2%); }
	0% { transform: translateY(0); }
}

@keyframes cover-purple {
	from {
		left: -20%;
		width: 23%;
	}
	to {
		left: 100%;
		width: 16%;
	}
}

@keyframes cover-red {
	from {
		left: 5%;
		top: 18%;

		width: 10%;
	}
	to {
		left: 40%;
		top: 50%;

		width: 0%;
	}
}


@media(max-width: 1650px) {
	#orange_ship {
		left: -21%;
	}

	#red_ship {
		right: -32%;
	}

	#blue_ship {
		left: -8%;
	}
}