.stars {
	--_speed: 50s;
	z-index: -100;
	position: fixed;
	color: var(--color-fg1);
}
/* prettier-ignore */
.stars {
		box-shadow: 15lvw 71lvh, 76lvw 27lvh, 79lvw 56lvh, 59lvw 48lvh, 46lvw 72lvh, 28lvw 11lvh, 68lvw 31lvh, 27lvw 7lvh, 76lvw 92lvh, 53lvw 90lvh, 50lvw 49lvh, 66lvw 61lvh, 78lvw 18lvh, 77lvw 54lvh, 21lvw 63lvh, 46lvw 7lvh, 50lvw 87lvh, 52lvw 5lvh, 6lvw 76lvh, 22lvw 40lvh, 67lvw 76lvh, 5lvw 38lvh, 51lvw 87lvh, 42lvw 99lvh, 4lvw 85lvh, 64lvw 45lvh, 20lvw 51lvh, 48lvw 31lvh, 82lvw 88lvh, 36lvw 38lvh, 60lvw 54lvh, 12lvw 61lvh, 7lvw 76lvh, 23lvw 87lvh, 42lvw 97lvh, 7lvw 42lvh, 27lvw 17lvh, 72lvw 69lvh, 31lvw 69lvh, 89lvw 22lvh, 26lvw 58lvh, 19lvw 11lvh, 13lvw 69lvh, 68lvw 18lvh, 22lvw 69lvh, 50lvw 60lvh, 41lvw 88lvh, 25lvw 86lvh, 99lvw 43lvh, 80lvw 65lvh, 30lvw 69lvh, 44lvw 75lvh, 79lvw 41lvh, 59lvw 60lvh, 50lvw 52lvh, 77lvw 12lvh, 74lvw 19lvh, 61lvw 82lvh, 49lvw 68lvh, 60lvw 79lvh, 88lvw 90lvh, 40lvw 81lvh, 68lvw 13lvh, 91lvw 24lvh, 62lvw 98lvh, 2lvw 29lvh, 58lvw 54lvh, 13lvw 68lvh, 98lvw 24lvh, 13lvw 21lvh, 1lvw 86lvh, 57lvw 44lvh, 69lvw 59lvh, 81lvw 83lvh, 89lvw 84lvh, 13lvw 50lvh, 0lvw 50lvh, 52lvw 58lvh, 44lvw 44lvh, 99lvw 92lvh, 22lvw 2lvh, 30lvw 54lvh, 17lvw 89lvh, 95lvw 18lvh, 83lvw 15lvh, 17lvw 76lvh, 42lvw 89lvh, 40lvw 18lvh, 62lvw 61lvh, 70lvw 69lvh, 42lvw 41lvh, 14lvw 14lvh, 37lvw 67lvh, 86lvw 44lvh, 62lvw 79lvh, 77lvw 35lvh, 83lvw 48lvh, 92lvw 54lvh, 19lvw 68lvh, 43lvw 31lvh, 36lvw 33lvh, 59lvw 5lvh, 29lvw 81lvh, 76lvw 95lvh, 42lvw 14lvh, 25lvw 69lvh, 35lvw 59lvh, 81lvw 45lvh, 96lvw 83lvh, 27lvw 3lvh, 19lvw 71lvh, 79lvw 81lvh, 65lvw 40lvh, 76lvw 57lvh, 39lvw 4lvh, 20lvw 58lvh, 46lvw 65lvh, 22lvw 20lvh, 5lvw 15lvh, 96lvw 7lvh, 46lvw 65lvh, 63lvw 92lvh, 77lvw 7lvh, 57lvw 36lvh, 17lvw 86lvh, 62lvw 34lvh, 63lvw 74lvh, 92lvw 99lvh, 78lvw 19lvh, 98lvw 69lvh, 90lvw 50lvh, 12lvw 15lvh, 82lvw 34lvh, 89lvw 85lvh, 20lvw 14lvh, 83lvw 76lvh, 77lvw 7lvh, 60lvw 75lvh, 80lvw 7lvh, 0lvw 76lvh, 47lvw 44lvh, 68lvw 74lvh, 96lvw 22lvh, 38lvw 58lvh, 75lvw 3lvh;
}

.stars1 {
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	animation: animStar calc(var(--_speed) * 3) linear infinite;
}

.stars2 {
	top: 0;
	right: 0;
	width: 1.5px;
	height: 1.5px;
	animation: animStarFlippedX calc(var(--_speed) * 5) linear infinite;
}

.stars3 {
	bottom: 0;
	left: 0;
	width: 2px;
	height: 2px;
	animation: animStarFlippedY calc(var(--_speed) * 5) linear infinite;

	@media (width < 600px) {
		display: none;
	}
}

@keyframes animStar {
	0% {
		transform: translateY(0px) rotate(0deg);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		transform: translateY(-100lvh) rotate(-40deg);
		opacity: 0;
	}
}

@keyframes animStarFlippedX {
	0% {
		transform: translateY(0px) rotate(0deg) scaleX(-1);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		transform: translateY(-100lvh) rotate(-40deg) scaleX(-1);
		opacity: 0;
	}
}

@keyframes animStarFlippedY {
	0% {
		transform: translateY(0px) rotate(0deg) scaleY(-1);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		transform: translateY(-100lvh) rotate(-40deg) scaleY(-1);
		opacity: 0;
	}
}