@charset "UTF-8";

.confetti-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}

@media screen and (max-width: 1040px) {
	.confetti-area {
		display: none;
	}

}

.confetti {
	position: absolute;
	top: -50px;
	width: 24px;
	animation: fall linear forwards;
}

@keyframes fall {
	0% {
		transform: translateY(-50px) rotate(0deg);
	}

	100% {
		transform: translateY(110vh) rotate(720deg);
	}
}

.fixed-bg {
	height: 100vh;
	position: fixed;
	z-index: -1;
	opacity: 0.8;
}