body {
	font-family: arial, sans-serif;
}

.center {
	width: 500px;
	height: 780px;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	margin: -390px 0 0 -250px;
	text-align: center;
	border: 1px solid black;
	overflow: hidden;
	background-image: url("../images/dierentuin-pad.png");
	background-repeat: repeat-y;/* De achtergrond zal in de y-richting repeaten, want als je het weg doet dan repeat het van top 0 in plaats van bottom 0*/
	background-size: cover;
	animation: scroll 8s linear infinite;
	scale: 0.9;
}

@keyframes scroll {
	0% {
		background-position: 0 -2340px; /*scrollen vanaf -2340px*/
	}

	100% {
		background-position: 0 0;
	}
}