.star {
	position: absolute;
}

@keyframes twinkle {
	0%, 100% {
		opacity: 0.2;
		transform: scale(0.4) rotate(0deg);
	}
	50% {
		opacity: 0.75;
		transform: scale(1) rotate(30deg);
	}
}

.star:nth-child(1) {
    width: .7rem;
	height: .7rem;
    top: 17%;
	left: 25%;
	animation-delay: 1s;
    opacity: 25%;
	animation: twinkle 3s infinite ease-in-out;
}

.star:nth-child(2) {
    width: 1rem;
	height: 1rem;
    top: 50%;
	left: 15%;
    transform: rotate(-40deg);
	animation-delay: 3s;
	animation-duration: 5s;
	animation: twinkle2 6s infinite ease-in-out;
}

@keyframes twinkle2 {
	0%, 100% {
		opacity: 0.2;
		transform: scale(0.8) rotate(0deg);
	}
	50% {
		opacity: 0.75;
		transform: scale(1.4) rotate(-90deg);
	}
}

.star:nth-child(3) {
     width: 1rem;
	height: 1rem;
	top: 70%;
	left: 20%;
	animation-delay: 1s;
	animation-duration: 1.8s;
    transform: rotate(40deg);
	animation: twinkle 2s infinite ease-in-out;
}