html,body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@keyframes rotateAnimation {
	000.000%	{transform: rotate(000deg);}
	006.250%	{transform: rotate(045deg);}
	012.500%	{transform: rotate(045deg);}
	018.750%	{transform: rotate(090deg);}
	025.000%	{transform: rotate(090deg);}
	031.250%	{transform: rotate(135deg);}
	037.500%	{transform: rotate(135deg);}
	043.750%	{transform: rotate(180deg);}
	050.000%	{transform: rotate(180deg);}
	056.250%	{transform: rotate(225deg);}
	062.500%	{transform: rotate(225deg);}
	068.750%	{transform: rotate(270deg);}
	075.000%	{transform: rotate(270deg);}
	081.250%	{transform: rotate(315deg);}
	087.500%	{transform: rotate(315deg);}
	093.750%	{transform: rotate(360deg);}
	100.000%	{transform: rotate(360deg);}
}

body {
	background-color: #ffb81c;
}

svg {
	overflow: visible;
	width: 7%;
	padding: 0.5%;
}

path {
	animation: rotateAnimation 20s infinite;
	transform-origin: center center;
	transition: fill 10s;
}

	path:hover {
		fill: #a4c8e1;
		transition: fill 0s;
	}

svg:nth-of-type(4n+1) path:nth-of-type(1) {animation-delay: -0.2s;}
svg:nth-of-type(4n+1) path:nth-of-type(2) {animation-delay: -0.4s;}
svg:nth-of-type(4n+1) path:nth-of-type(3) {animation-delay: -0.6s;}
svg:nth-of-type(4n+1) path:nth-of-type(4) {animation-delay: -0.8s;}
svg:nth-of-type(4n+2) path:nth-of-type(1) {animation-delay: -1.0s;}
svg:nth-of-type(4n+2) path:nth-of-type(2) {animation-delay: -1.2s;}
svg:nth-of-type(4n+2) path:nth-of-type(3) {animation-delay: -1.4s;}
svg:nth-of-type(4n+2) path:nth-of-type(4) {animation-delay: -1.6s;}
svg:nth-of-type(4n+3) path:nth-of-type(1) {animation-delay: -1.8s;}
svg:nth-of-type(4n+3) path:nth-of-type(2) {animation-delay: -2.0s;}
svg:nth-of-type(4n+3) path:nth-of-type(3) {animation-delay: -2.2s;}
svg:nth-of-type(4n+3) path:nth-of-type(4) {animation-delay: -2.4s;}
svg:nth-of-type(4n+4) path:nth-of-type(1) {animation-delay: -2.6s;}
svg:nth-of-type(4n+4) path:nth-of-type(2) {animation-delay: -2.8s;}
svg:nth-of-type(4n+4) path:nth-of-type(3) {animation-delay: -3.0s;}
svg:nth-of-type(4n+4) path:nth-of-type(4) {animation-delay: -3.2s;}