*
{
	background: #fed
}

#ball
{
	width: 5px;
	height: 5px;
	border-color: orange;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	box-shadow: 0 0 5px red;
	display: inline-block
}

.preloader
{
	position: absolute;
	top: 50%;
	left: 50%
}

.left-anim
{
	position: relative;
	box-shadow: 0 0 5px blue;
	-webkit-animation: left-anim 1s linear infinite;
	-moz-animation: left-anim 1s linear infinite;
	-ms-animation: left-anim 1s linear infinite;
	-o-animation: left-anim 1s linear infinite;
	animation: left-anim 1s linear infinite
}

@-webkit-keyframes left-anim {
	0%
	{
		left: 0
	}
	
	50%
	{
		left: 25px
	}
	
	100%
	{
		left: 0
	}
}

@keyframes left-anim {
	0%
	{
		left: 0
	}
	
	50%
	{
		left: 25px
	}
	
	100%
	{
		left: 0
	}
}

.right-anim
{
	position: relative;
	box-shadow: 0 0 5px green;
	-webkit-animation: right-anim 1s linear infinite;
	-moz-animation: right-anim 1s linear infinite;
	-ms-animation: right-anim 1s linear infinite;
	-o-animation: right-anim 1s linear infinite;
	animation: right-anim 1s linear infinite
}

@-webkit-keyframes right-anim {
	0%
	{
		left: 0
	}
	
	50%
	{
		left: -25px
	}
	
	100%
	{
		left: 0
	}
}

@keyframes right-anim {
	0%
	{
		left: 0
	}
	
	50%
	{
		left: -25px
	}
	
	100%
	{
		left: 0
	}
}

.down-anim
{
	position: relative;
	left: 7px;
	top: 10px;
	box-shadow: 0 0 5px red;
	-webkit-animation: down-anim 1s linear infinite;
	-moz-animation: down-anim 1s linear infinite;
	-ms-animation: down-anim 1s linear infinite;
	-o-animation: down-anim 1s linear infinite;
	animation: down-anim 1s linear infinite
}

@-webkit-keyframes down-anim {
	0%
	{
		top: 10px
	}
	
	50%
	{
		top: -25px
	}
	
	100%
	{
		top: 10px
	}
}

@keyframes down-anim {
	0%
	{
		top: 10px
	}
	
	50%
	{
		top: -25px
	}
	
	100%
	{
		top: 10px
	}
}

.up-anim
{
	position: relative;
	left: -7px;
	top: -10px;
	box-shadow: 0 0 5px #ff0;
	-webkit-animation: up-anim 1s linear infinite;
	-moz-animation: up-anim 1s linear infinite;
	-ms-animation: up-anim 1s linear infinite;
	-o-animation: up-anim 1s linear infinite;
	animation: up-anim 1s linear infinite
}

@-webkit-keyframes up-anim {
	0%
	{
		top: -10px
	}
	
	50%
	{
		top: 25px
	}
	
	100%
	{
		top: -10px
	}
}

@keyframes up-anim {
	0%
	{
		top: -10px
	}
	
	50%
	{
		top: 25px
	}
	
	100%
	{
		top: -10px
	}
}

#title
{
   position: relative;
	top: -40px;
	left: -65px;
	box-shadow: 0 0 7px;
	color: #7d7669;
	padding: 5px 10px 3px;
	font: 16px "Trebuchet MS",Helvetica,sans-serif;
	background: #f2d7ac
}