@charset "UTF-8";

@-webkit-keyframes flavius {
		0% {
		 	}
		50% {
			margin-top:0px;
			background-color:#ff0000;
			margin-left:50px;
		 	}
		100% {
			margin-top:50px;
			margin-left:50px;
			background-color:#ffff00;
		}
}
		
		
	.quadrat {
		width:50px;
		height:50px;
		background-color:#ff0000;
		
		-webkit-animation-name: flavius;
		-webkit-animation-duration: 4s;
		-webkit-animation-iteration-count: 10;
		-webkit-animation-direction: alternate;
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 1s;
		-webkit-animation-fill-mode: none;
	}