.fade-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110vh;
	background: linear-gradient(45deg, #ffffff, #ffffff, rgba(255, 37, 37, 0), #ffffff, #ffffff);
	background-size: 300% 300%;
	animation: gradient 15s ease infinite;
    z-index: -1;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 200% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

canvas{
	animation: fade-in-out 15s infinite;
}

@keyframes fade-in-out {
	0% {
		opacity: 0%;
	}
	5% {
		opacity: 100%;
	}
	95% {
		opacity: 100%;
	}
	100% {
		opacity: 0;
	}
}