.bg-waves-animation {
    background: linear-gradient(-45deg, #34af23, #1d1e46, #7d1e19, #3490dc);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

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

#footer-waves-animation {
    height: 100%;
    overflow: hidden
}

#footer-waves-animation:before {
    content: '';
    overflow: hidden;
    position: absolute;
    bottom: 12%;
    left: -250vw;
    width: 600vw;
    height: 600vw;
    background: rgba(0, 0, 0, .05);
    border-radius: 48% 52% 52% 48% / 48% 52% 48% 52%;
    animation: footer-waves-animation 9s ease-in-out infinite;
    animation-delay: -3s
}

#footer-waves-animation:after {
    content: '';
    overflow: hidden;
    position: absolute;
    bottom: 12%;
    left: -250vw;
    width: 600vw;
    height: 600vw;
    background: rgba(0, 0, 0, .05);
    border-radius: 48% 52% 52% 48% / 48% 52% 48% 52%;
    animation: footer-waves-animation 9s linear infinite
}

@keyframes footer-waves-animation {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(90deg)
    }

    100% {
        transform: rotate(360deg)
    }
}