html,body {
	margin:0;
	padding:0;
}
.container {
	position:relative;
	width:970px;
	height:250px;
	overflow:hidden;
	background:#ffffff url(../images/bg.png) center center no-repeat;
	background-size:contain;
}
.link {
	position:absolute;
	left:0;
	top:0;
	width:970px;
	height:250px;
}
.serit,
.cikolata,
.slogan,
.logo,
.mojee,
.kutu-container,
.kutu {
	position:absolute;
}
.serit {
	left:0;
	top:0;
}
.cikolata {
	left:15px;
	bottom:15px;
}
.slogan {
	right:65px;
	top:60px;
}
.logo {
	left:100px;
	top:20px;
}
.mojee {
	left:210px;
	top:90px;
}
.kutu-container {
	left:300px;
	top:15px;
	width:273px;
	height:220px;
	height:200px;
	transition:all ease-in-out .5s;
	animation: kutuanim 3s ease-in-out forwards;
}
.kutu {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	animation:kutuwiggle 3s ease-in-out 2.75s 5 alternate;
}
@keyframes kutuanim {
	0% {
		transform:translate(0,0) scale(0,0) rotate(-15deg);
		filter:drop-shadow(-15px 15px 5px rgba(0,0,0,.5));
	}
	50% {
		transform:translate(150px,0px) scale(.6,.6) rotate(25deg);
		filter:drop-shadow(-15px 15px 15px rgba(0,0,0,.25));
	}
	100% {
		transform:translate(80px,5px) scale(1,1);
		filter:drop-shadow(-15px 15px 5px rgba(0,0,0,.5));
	}
}
@keyframes kutuwiggle {
	0% {
		transform:scale(1,1) translate(0,0) rotate(0deg);
	}
	50% {
		transform:scale(1.1,1.1) translate(2px,2px) rotate(3deg);
	}
	100% {
		transform:scale(1,1) translate(0,0) rotate(0deg);
	}
}