<?xml version="1.0"?>
<svg viewBox="-500 -500 1000 1000">
	<g>
		<path style="fill: black" d="M -2000,-2000 H 2000 V 2000 H -2000 Z"/>
	</g>
	<circle id="sun" style="fill: yellow" cx="0" cy="0" r="100"/>
	<g>
		<animateTransform attributeName="transform" type="rotate" dur="80s" from="0" to="360" repeatCount="indefinite"/>
		<circle id="earth" style="fill: blue" cx="400" cy="0" r="40"/>
		<g transform="translate( 400 0 )">
			<circle id="moon" style="fill: white" cx="70" cy="0" r="10">
				<animateTransform attributeName="transform" type="rotate" dur="20s" from="360" to="0" repeatCount="indefinite"/>
			</circle>
		</g>
	</g>
</svg>
