body {
	display:flex;
	justify-content:center;
	align-items:center;
}
.bigCircle {
	margin-top:100px;
	width:400px;
	height:400px;
	border-radius:50%;
	border:1px solid grey;
	position:relative;
}
.littleCircle {
	width:50%;
	height:50%;
	border-radius:50%;
	border:1px solid grey;
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
	right:0;
}
.item {
	width:102px;
	height:52px;
	border-radius:5px;
	border:1px solid green;
	display:flex;
	justify-content:center;
	align-items:center;
	color:red;
	box-sizing:border-box;
	flex-shrink:0;
	position:absolute;
	animation:littleLoopRotate 10s linear infinite;
}
.item-box {
	width:100%;
	height:100%;
	animation:loopRotate 10s linear infinite;
}
@keyframes loopRotate {
	100% {
	transform:rotate(360deg);
}
}@keyframes littleLoopRotate {
	100% {
	transform:rotate(-360deg);
}
}