body:after {
	content: '';
	position: fixed;
	bottom: 0;
	display: block;
	width: 100%;
	height: var(--footer-height);
	background-image: url('../img/stuk/footer.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
	border-right: 20px solid white;
	box-sizing: border-box;
}

.face {
	height: calc(100% - var(--footer-height)) !important;
}

#back {
	background-image: url('../img/stuk/back.png');
}

#logos,
#logos > * {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -10;
}

#logos {
	width: 100%;
	height: 100%;
}

#logos > * {
	width: 20vw;
	height: auto;
	animation-duration: 40s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

#date {
	width:57vw;
	height:81vw;
	margin-left:15vw;
	background-color:red;
	opacity:0.5;
}

@keyframes ani1 {
	0% {
		top: -10vh;
		left: -20vw;
	}
	50% {
		top: 50vh;
		left: 100vw;
	}
	100% {
		top: 100vh;
		left: -20vw;
	}
}

@keyframes ani2 {
	0% {
		top: -10vh;
		left: 100vw;
	}
	50% {
		top: 20vh;
		left: -20vw;
	}
	100% {
		top: 100vh;
		left: 50vw;
	}
}

@keyframes ani3 {
	0% {
		top: -10vh;
		left: 50vw;
	}
	33% {
		top: 100vh;
		left: 20vw;
	}
	66% {
		top: 50vh;
		left: -20vw;
	}
	100% {
		top: 50vh;
		left: 100vw;
	}
}

@keyframes ani4 {
	0% {
		top: 100vh;
		left: 60vw;
	}
	50% {
		top: 70vh;
		left: 20vw;
	}
	100% {
		top: 10vh;
		left: 100vw;
	}
}