.ember-container {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.ember {
	position: absolute;
	top: -10px; 
	width: 4px;
	height: 4px;
	background: #ff8c00;
	border-radius: 50%;
	filter: blur(1px);
	box-shadow: 0 0 10px #ff4500, 0 0 20px #ff0000;
	opacity: 0;

	animation: fall linear infinite, sway ease-in-out infinite;
}

@keyframes fall {
	0% { transform: translateY(0); opacity: 0; }
	10% { opacity: 1; }
	80% { opacity: 0.7; }
	100% { transform: translateY(100vh); opacity: 0.35; }
}

@keyframes sway {
	0%, 100% { margin-left: 0px; }
	25% { margin-left: 30px; }
	50% { margin-left: -30px; }
	75% { margin-left: 15px; }
}