body{

}
.circle{
	border-radius: 50%;
	height: 100px;
	width: 100px;
	background-color: blue;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
	float: left;
}
.container{
/*	outline: 1px solid red;*/
}
.circle2{
	background-color: pink;
}
.container h1{
	color: deepskyblue;
	animation-name: clickClickMove;
	animation-duration: 3s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	position: absolute;
}
@keyframes clickClickMove{
	0%{
		left: 100px;
		top: 200px;
	}
	50%{
		color: purple;
	}
	100%{
		color: pink;
		top: 300px;
		left: 1000px;

	}
}