/* FOOTER */

footer
{
    background-color: #4504dd;
    color: white;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* WAVE */

#footer-wave-container
{
	position: relative;
	background-size: cover;
	background-attachment: fixed;
    bottom: -5px;
}
#footer-wave-container #footer-wave:before
{
	content:'';
	width: 100%;
	height: 100px;
	background: url(../img/wave_footer.svg);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	animation: animate-reverse 10s linear infinite;
}
#footer-wave-container #footer-wave
{
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0;
	left: 0;
	background: url(../img/wave_footer.svg);
	animation: animate 10s linear infinite;
}
#footer-wave-container #footer-wave:after
{
	content:'';
	width: 100%;
	height: 100px;
	background: url(../img/wave_footer.svg);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
	animation-delay: -5s;
	animation: animate 20s linear infinite;
}
@keyframes animate
{
	0%
	{
		background-position: 0;
	}
	100%
	{
		background-position: 1280px;
	}
}
@keyframes animate-reverse
{
	0%
	{
		background-position: 1280px;
	}
	100%
	{
		background-position: 0;
	}
}