/*
_____________________________
______ LETTER ROTATION ______
_____________________________
*/

@keyframes rotate-one {
	0%		{transform: rotate(0deg)scale(1);}
	100%	{transform: rotate(360deg)scale(1);}
}

@keyframes rotate-two {
	0%		{transform: rotate(45deg)scale(1);}
	100%	{transform: rotate(405deg)scale(1);}
}

@keyframes rotate-three {
	0%		{transform: rotate(90deg)scale(1);}
	100%	{transform: rotate(450deg)scale(1);}
}

@keyframes rotate-four {
	0%		{transform: rotate(135deg)scale(1);}
	100%	{transform: rotate(495deg)scale(1);}
}

@keyframes rotate-five {
	0%		{transform: rotate(180deg)scale(1);}
	100%	{transform: rotate(540deg)scale(1);}
}

@keyframes rotate-six {
	0%		{transform: rotate(225deg)scale(1);}
	100%	{transform: rotate(585deg)scale(1);}
}

@keyframes rotate-seven {
	0%		{transform: rotate(270deg)scale(1);}
	100%	{transform: rotate(630deg)scale(1);}
}

@keyframes rotate-eight {
	0%		{transform: rotate(315deg)scale(1);}
	100%	{transform: rotate(675deg)scale(1);}
}

.zero-deg {
	transform: rotate(0deg)scale(1);
	animation-name: rotate-one;
}

.fortyfive-deg {
	transform: rotate(45deg)scale(1);
	animation-name: rotate-two;
}

.ninety-deg {
	transform: rotate(90deg)scale(1);
	animation-name: rotate-three;
}

.onethirtyfive-deg {
	transform: rotate(135deg)scale(1);
	animation-name: rotate-four;
}

.oneeighty-deg {
	transform: rotate(180deg)scale(1);
	animation-name: rotate-five;
}

.twotwentyfive-deg {
	transform: rotate(225deg)scale(1);
	animation-name: rotate-six;
}

.twoseventy-deg {
	transform: rotate(270deg)scale(1);
	animation-name: rotate-seven;
}

.threefifteen-deg {
	transform: rotate(315deg)scale(1);
	animation-name: rotate-eight;
}

	div#arrows-background figure.rotation-animation svg {
			animation-duration: 20s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
	}

/*
_____________________________
______ NO ANIMATION ______
_____________________________
*/

.no-animation {
	animation-name: none;
}