/* components/background/snow/index.wxss */
page {
	width: 100%;
	height: 100%;
	position: fixed;
}

.snowflakes {
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	position: absolute;

	@keyframes snowflakeFall {
		from {
			transform: translateY(-10px) rotate(0);
		}
	
		to {
			transform: translateY(100vh) rotate(1800deg);
		}
	}

	.snowflake {
		color: var(--theme-brand-gao);
		display: block;
		position: absolute;
		animation: snowflakeFall linear infinite;
	}
}