html, body {
	font-family: 'Gothic A1', sans-serif;
	letter-spacing: -.5px;
	line-height: 1.75;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 100%;
	width: 100%;
	margin: 0;
	background-color: #30FFF5;
}

.airplane {
	z-index: 1;
	position: absolute;
}

	.body {
		width: 700px;
		height: 170px;
		border-radius: 50%;
		transform: rotate(-15deg);
		background: yellow;
		position: relative;
	}

	.wing1 {
		top: -200px;
		left: 60px;
		width: 300px;
		height: 100px;
		border-radius: 50%;
		transform: rotate(-150deg);
		background: yellow;
		position: relative;
	}

	.wing2 {
		top: -160px;
		left: 350px;
		width: 300px;
		height: 100px;
		border-radius: 50%;
		transform: rotate(-170deg);
		background: yellow;
		position: relative;
	}

@keyframes cloud {
	0% {
		margin-left: -3000px;
		}
	100% {
		margin-right: -3000px;
		}
}

.cloud.one {
	top: 100px;
	animation-name: cloud;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	cursor: grab;
	transform: rotate(27.5deg);
	position: absolute;
}

	.leaf1 {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
	}

		.leaf1:nth-child(1) {
			/*background-color: blue;*/
			top: 0px;
			position: absolute;
		}

		.leaf1:nth-child(2) {
			/*background-color: green;*/
			left: 150px;
			position: absolute;
		}

		.leaf1:nth-child(3) {
			/*background-color: red;*/
			left: 150px;
			top: 150px;
			position: absolute;
		}

		.leaf1:nth-child(4) {
			/*background-color: deeppink;*/
			left: 0px;
			top: 150px;
			position: absolute;
		}

		.leaf1:nth-child(5) {
			/*background-color: black;*/
			left: 50px;
			top: 50px;
			position: absolute;
		}

.cloud.two {
	top: 10px;
	right: 500px;
	animation-name: cloud;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	cursor: grab;
	transform: rotate(27.5deg);
	position: absolute;
}

	.leaf2 {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
	}

		.leaf2:nth-child(1) {
			/*background-color: blue;*/
			top: 0px;
			position: absolute;
		}

		.leaf2:nth-child(2) {
			/*background-color: green;*/
			left: 150px;
			position: absolute;
		}

		.leaf2:nth-child(3) {
			/*background-color: red;*/
			left: 150px;
			top: 150px;
			position: absolute;
		}

		.leaf2:nth-child(4) {
			/*background-color: deeppink;*/
			left: 0px;
			top: 150px;
			position: absolute;
		}

		.leaf2:nth-child(5) {
			/*background-color: black;*/
			left: 50px;
			top: 50px;
			position: absolute;
		}

.cloud.three {
	top: 300px;
	right: 1300px;
	animation-name: cloud;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	cursor: grab;
	transform: rotate(27.5deg);
	position: absolute;
}

	.leaf3 {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
	}

		.leaf3:nth-child(1) {
			/*background-color: blue;*/
			top: 0px;
			position: absolute;
		}

		.leaf3:nth-child(2) {
			/*background-color: green;*/
			left: 150px;
			position: absolute;
		}

		.leaf3:nth-child(3) {
			/*background-color: red;*/
			left: 150px;
			top: 150px;
			position: absolute;
		}

		.leaf3:nth-child(4) {
			/*background-color: deeppink;*/
			left: 0px;
			top: 150px;
			position: absolute;
		}

		.leaf3:nth-child(5) {
			/*background-color: black;*/
			left: 50px;
			top: 50px;
			position: absolute;
		}

.cloud.four {
	top: 500px;
	right: 3000px;
	animation-name: cloud;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	cursor: grab;
	transform: rotate(27.5deg);
	position: absolute;
}

	.leaf4 {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
	}

		.leaf4:nth-child(1) {
			/*background-color: blue;*/
			top: 0px;
			position: absolute;
		}

		.leaf4:nth-child(2) {
			/*background-color: green;*/
			left: 150px;
			position: absolute;
		}

		.leaf4:nth-child(3) {
			/*background-color: red;*/
			left: 150px;
			top: 150px;
			position: absolute;
		}

		.leaf4:nth-child(4) {
			/*background-color: deeppink;*/
			left: 0px;
			top: 150px;
			position: absolute;
		}

		.leaf4:nth-child(5) {
			/*background-color: black;*/
			left: 50px;
			top: 50px;
			position: absolute;
		}

.cloud.five {
	top: 100px;
	right: 4000px;
	animation-name: cloud;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	cursor: grab;
	transform: rotate(27.5deg);
	position: absolute;
}

	.leaf5 {
		width: 200px;
		height: 200px;
		border-radius: 50%;
		background-color: white;
		position: absolute;
	}

		.leaf5:nth-child(1) {
			/*background-color: blue;*/
			top: 0px;
			position: absolute;
		}

		.leaf5:nth-child(2) {
			/*background-color: green;*/
			left: 150px;
			position: absolute;
		}

		.leaf5:nth-child(3) {
			/*background-color: red;*/
			left: 150px;
			top: 150px;
			position: absolute;
		}

		.leaf5:nth-child(4) {
			/*background-color: deeppink;*/
			left: 0px;
			top: 150px;
			position: absolute;
		}

		.leaf5:nth-child(5) {
			/*background-color: black;*/
			left: 50px;
			top: 50px;
			position: absolute;
		}

p {
	font-size: 30px;
	word-spacing: -2px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 45px;
}

@media (min-width:320px) and (max-width:768px) {
	p {
		font-size: 5vw;
		letter-spacing: 0px;
	}
}