html, body {
	height:100%;
	padding: 0;
	margin: 0;
}
.universe {
	position: relative;
	display: flex;
	align-items: center;
  justify-content: space-around;
	overflow: hidden;
  height: 100vh;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  margin: auto;
	background: #181743;
}

	.universe__part:nth-child(1) {
		position: relative;
		width: 266px;
		height: 250px;
	}

	.universe__part:nth-child(1) .universe__planet {
		position: absolute;
		top: 151px;
		left: 116px;
		width: 115px;
		height: 74px;
		border-radius: 10px 10px 100px 100px;
		overflow: hidden;
		background: linear-gradient(to bottom, rgba(235, 243, 254, 1) 45%, rgba(212, 233, 254, 1) 46%, rgba(212, 233, 254, 1) 57%, rgba(108, 200, 255, 1) 58%);
	}

	.universe__part:nth-child(1) .universe__planet:before {
			content: '';
			position: absolute;
			top: 24px;
			left: 31px;
			width: 24px;
			height: 30px;
			box-sizing: border-box;
			background: #C1DEFE;
			border: 10px solid #D3E8FD;
			border-left-width: 6px;
			border-right-width: 6px;
			border-radius: 15px 15px 15px 15px / 20px 20px 20px 20px;
		}

	.universe__part:nth-child(1) .universe__planet:after {
			content: '';
			position: absolute;
			top: 19px;
			left: 61px;
			width: 36px;
			height: 23px;
			box-sizing: border-box;
			background: #C1DEFE;
			border: 10px solid #D3E8FD;
			border-bottom-width: 4px;
			border-radius: 30px 30px 0 0 / 40px 40px 0 0;
		}

	.universe__part:nth-child(1) .universe__rock:nth-child(2) {
		position: absolute;
		top: 125px;
		left: 167px;
		border: 10px solid transparent;
		border-width: 0 26px 26px;
		border-color: #EBF3FE transparent;
	}

	.universe__part:nth-child(1) .universe__rock:nth-child(2):after {
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			border-bottom: 26px solid #BAD0F9;
			border-right: 26px solid transparent;
		}

	.universe__part:nth-child(1) .universe__rock:nth-child(2):before {
			content: '';
			position: absolute;
			top: 10px;
			left: -26px;
			border: 10px solid transparent;
			border-width: 0 16px 16px;
			border-color: #DCE9FC transparent;
		}

	.universe__part:nth-child(1) .universe__rock:nth-child(3) {
		position: absolute;
		top: 135px;
		left: 157px;
		border: 10px solid transparent;
		border-width: 0 16px 17px;
		border-color: #EBF3FE transparent;
	}

	.universe__part:nth-child(1) .universe__rock:nth-child(3):before {
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			border-bottom: 16px solid #BAD0F9;
			border-right: 16px solid transparent;
		}

	.universe__part:nth-child(1) .universe__ufo {
		position: absolute;
		top: 115px;
		left: 129px;
		width: 24px;
		height: 3px;
		border-radius: 3px;
		background: #EBF3FE;
		animation: universe-ufo 4s ease infinite;
	}

	.universe__part:nth-child(1) .universe__ufo:before {
			content: '';
			position: absolute;
			top: -4px;
			left: 5px;
			width: 14px;
			height: 10px;
			border-radius: 6px 6px 2px 2px;
			background: #EBF3FE;
		}

	.universe__part:nth-child(1) .universe__ufo-light {
			position: absolute;
			top: 6px;
			left: 2px;
			background-image: linear-gradient(to bottom, rgba(250,1,109,1) 0%, rgba(250,1,109,0) 100%);
			height: 26px;
			width: 20px;
			animation: universe-ufo-light 4s ease infinite;
		}

	.universe__part:nth-child(1) .universe__ufo-light:before {
				content: '';
				position: absolute;
				top: 0px;
				left: 15px;
				border: 10px solid transparent;
				border-width: 26px 0 0 5px;
				border-color: #181743 transparent;
			}

	.universe__part:nth-child(1) .universe__ufo-light:after {
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				border: 10px solid transparent;
				border-width: 26px 5px 0 0;
				border-color: #181743 transparent;
			}

	.universe__part:nth-child(1) .universe__ufo2 {
		position: absolute;
		top: 95px;
		left: 165px;
		width: 24px;
		height: 3px;
		border-radius: 3px;
		background: #EBF3FE;
		animation: universe-ufo 7s ease infinite;
	}

	.universe__part:nth-child(1) .universe__ufo2:before {
			content: '';
			position: absolute;
			top: -4px;
			left: 5px;
			width: 14px;
			height: 10px;
			border-radius: 6px 6px 2px 2px;
			background: #EBF3FE;
		}

	.universe__part:nth-child(1) .universe__ufo2-light {
			position: absolute;
			top: 6px;
			left: 2px;
			background-image: linear-gradient(to bottom, rgba(250,1,109,1) 0%, rgba(250,1,109,0) 100%);
			height: 26px;
			width: 20px;
			animation: universe-ufo-light 4s ease infinite;
		}

	.universe__part:nth-child(1) .universe__ufo2-light:before {
				content: '';
				position: absolute;
				top: 0px;
				left: 15px;
				border: 10px solid transparent;
				border-width: 26px 0 0 5px;
				border-color: #181743 transparent;
			}

	.universe__part:nth-child(1) .universe__ufo2-light:after {
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				border: 10px solid transparent;
				border-width: 26px 5px 0 0;
				border-color: #181743 transparent;
			}

	.universe__part:nth-child(1) .universe__satellite {
		position: absolute;
		top: 67px;
		left: 181px;
		width: 36px;
		height: 36px;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: inset -7px 0 0px 0px rgba(0, 0, 0, .2);
		background: linear-gradient(to bottom, rgba(56,136,247,1) 27%,rgba(60,148,248,1) 28%,rgba(60,148,248,1) 54%,rgba(65,165,251,1) 55%,rgba(65,165,251,1) 82%,rgba(73,189,255,1) 83%);
	}

	.universe__part:nth-child(1) .universe__satellite:after {
			content: '';
			position: absolute;
			top: 15px;
			left: 14px;
			width: 9px;
			height: 9px;
			border-radius: 100%;
			background: #41A5FB;
		}

	.universe__part:nth-child(1) .universe__satellite:before {
			content: '';
			position: absolute;
			top: 9px;
			left: 4px;
			width: 8px;
			height: 8px;
			border-radius: 100%;
			background: #3C94F8;
		}

/* Анимации */
@keyframes universe-ufo { 
	0% { transform: translateY(0); }
	50% { transform: translateY(5px); }
	100% { transform: translateY(0); }
}
@keyframes universe-ufo2 { 
	0% { transform: translateY(0); }
	50% { transform: translateY(15px); }
	100% { transform: translateY(0); }
}
@keyframes universe-rocket { 
	0% { transform: translateY(0); }
	50% { transform: translateY(7px); }
	100% { transform: translateY(0); } 
}
@keyframes universe-ufo-light { 
	0% { opacity: 1; }
	50% { opacity: .6; } 
	100% { opacity: 1; } 
}
@keyframes universe-star { 
	0% { transform: scale(1); }
	50% { transform: scale(2); } 
	100% { transform: scale(1); } 
}