
*
{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	
}


.sun
{
	height: 175px;
	width: 175px;
	border-radius: 50%;
	background: url('sun.png');
	position: absolute;
	box-shadow: 0 0 75px rgba(255, 141, 0, 1);
}

.container
{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('g2.gif');
}

.element52
{
	height: 100px;
	width: 100px;
    border-radius: 50%;
	background: url('element.jfif');
	position: relative;
	animation: element52-orbit 7s linear infinite;
}

.element52:after
{
	content: "";
	width: 150px;
	height: 45px;
	border-radius: 50%;
	position: absolute;
	background: url('text.png');
	border: none;
	background-size: cover;	
	animation: text52-orbit 3.5s linear infinite;
}

@keyframes element52-orbit
{
	from
	{
		transform: rotate(0deg) transLateX(220px) rotate(0deg);
	}
	
	to
	{
		transform: rotate(360deg) transLateX(220px) rotate(-360deg);
	}

}


@keyframes text52-orbit
{
	from
	{
		transform: rotate(0deg) transLateX(75px) rotate(0deg);
	}
	
	to
	{
		transform: rotate(360deg) transLateX(75px) rotate(-360deg);
	}

}