#merlet {
	
	width:200px;
	height: 200px;
	background: url(../img/merlet-animation.png) no-repeat;
	
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
	
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	
}

.animated {
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
	
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes fadeIn {
	0% {	
		opacity: 0;
	}
	
	50% {
		opacity: 100;
	}
	
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fadeIn {
	0% {	
		opacity: 0;
	}
	
	50% {
		opacity: 100;
	}
	
	100% {
		opacity: 0;
	}
}