/* =============================================================
   THEME 4: TWINKLING NIGHT SKY
   ============================================================= */
body.theme-twinkling-night {
	background-color: #030408;
	color: #fff;
	font-family: "Outfit", sans-serif;
}
body.theme-twinkling-night .theme-4-sky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background: radial-gradient(
		circle at 50% 120%,
		#1a0b2e 0%,
		#080314 50%,
		#030408 100%
	);
}
body.theme-twinkling-night .milky-way {
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(
		45deg,
		transparent 35%,
		rgba(255, 105, 180, 0.05) 45%,
		rgba(138, 43, 226, 0.08) 50%,
		rgba(0, 240, 255, 0.05) 55%,
		transparent 65%
	);
	filter: blur(45px);
	transform: rotate(15deg);
}
body.theme-twinkling-night .theme-4-stars {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	pointer-events: none;
}
body.theme-twinkling-night #quote-text {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 300;
	letter-spacing: 0.01em;
	color: #fff;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
body.theme-twinkling-night #quote-author {
	font-size: 1.1rem;
	font-weight: 400;
	color: #ffd1dc;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	opacity: 0.9;
}
body.theme-twinkling-night .layer.l-twinkling-night {
	display: block;
}