/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-=-= THESE STYLES BUILT -=-=-=-=-
=-=-=-=-= ENTIRELY BY HAND -=-=-=-=-=
-=-=-=-=- AND JUST FOR YOU =-=-=-=-=-
=-=-=- ON THE BEAUTIFUL SHORES -=-=-= 
-=-=-= OF BRISTOL, RHODE ISLAND -=-=-
=-=-=-=-=- BY IAN BESLER -=-=-=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

body {
	background-color: black;
	margin: 0;
}

svg {
	animation: bouncing-dvd-logo 60s linear infinite;
	width: 15vw;
	fill: red;
	transform-origin: center center;
}

@keyframes bouncing-dvd-logo {
	0%		{transform: translate(000vw,000vh);	fill: red;}
	6.9%									{	fill: red;}
	7%		{transform: translate(055vw,086vh);	fill: orange;}
	12.4%									{	fill: orange;}
	12.5%	{transform: translate(085vw,022vh);	fill: yellow;}
	14.4%									{	fill: yellow;}
	14.5%	{transform: translate(066vw,000vh);	fill: lime;}
	21.4%									{	fill: lime;}
	21.5%	{transform: translate(032vw,086vh);	fill: cyan;}
	25.4%									{	fill: cyan;}
	25.5%	{transform: translate(000vw,045vh);	fill: blue;}
	28.4%									{	fill: blue;}
	28.5%	{transform: translate(025vw,000vh);	fill: purple;}
	35.9%									{	fill: purple;}
	36%		{transform: translate(082vw,085vh);	fill: magenta;}
	37.9%									{	fill: magenta;}
	38%		{transform: translate(085vw,065vh);	fill: red;}
	42.9%									{	fill: red;}
	43%		{transform: translate(062vw,000vh);	fill: orange;}
	49.9%									{	fill: orange;}
	50%		{transform: translate(008vw,086vh);	fill: yellow;}
	50.9%									{	fill: yellow;}
	51%	 	{transform: translate(000vw,066vh);	fill: lime;}
	56.9%									{	fill: lime;}
	57%		{transform: translate(050vw,000vh);	fill: cyan;}
	63.4%									{	fill: cyan;}
	63.5%	{transform: translate(085vw,076vh);	fill: blue;}
	64.4%									{	fill: blue;}
	64.5%	{transform: translate(070vw,086vh);	fill: purple;}
	71.4%									{	fill: purple;}
	71.5%	{transform: translate(038vw,000vh);	fill: magenta;}
	75.9%									{	fill: magenta;}
	76%		{transform: translate(000vw,067vh);	fill: red;}
	78.4%									{	fill: red;}
	78.5%	{transform: translate(018vw,086vh);	fill: orange;}
	85.4%									{	fill: orange;}
	85.5%	{transform: translate(075vw,000vh);	fill: yellow;}
	88.9%									{	fill: yellow;}
	89%		{transform: translate(085vw,045vh);	fill: lime;}
	92.4%									{	fill: lime;}
	92.5%	{transform: translate(068vw,086vh);	fill: cyan;}
	99.9%									{	fill: cyan;}
	0100%	{transform: translate(000vw,000vh);fill: blue;}
}