body {
	overflow-x: hidden;
}

@keyframes rotate {
	0% {
		transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
	}

	100% {
		transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
	}
}

.stars {
	transform: perspective(500px);
	transform-style: preserve-3d;
	position: fixed;
	bottom: -10%;
	perspective-origin: 50% 100%;
	left: 50%;
	animation: rotate 90s infinite linear;
}

.star-n {
	width: 2px;
	height: 2px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0 -300px;
	transform: translate3d(0, 0, -300px);
	backface-visibility: hidden;
}
