* {
	margin:0;
	padding:0;
}

#container {
	margin:0px auto;
	width:465px;
	height:465px;
	background-color:#fff;
	font-family:sans-serif;
}

#container p{
	font-weight:bold;
	color:#696969;
	padding:5px 5px 40px;
}

#ball {
	margin:0px auto;
	width:200px;
	height:200px;
	position: relative;
	-webkit-border-radius: 100px;
	background: -webkit-gradient(radial,
		25% 25%, 20,
		50% 50%, 200,
		from(rgba(245, 245, 245, 0.8)),
		color-stop(0.5, rgba(26, 26, 26, 0.9)),
		to(rgba(0, 0, 0, 0.8))
	);
	-webkit-animation: moveBall 5s ease-in-out 1s infinite alternate;
}

#ball:after {
	height:200px;
	width:200px;
	top:-90px;
	margin-left:-65px;
	position: absolute;
	content: '';
	background: -webkit-gradient(radial,
		50% 0%, 20,
		50% 50%, 80,
		from(rgba(255, 255, 255, 0.1)),
		to(rgba(255, 255, 255, 0.2))
	);
	-webkit-border-radius: 95px;
}

#ball .ballText {
	font-size:60px;
	font-weight:bold;
	position:relative;
	top:70px;
	left:70px;
	color:rgba(98, 45, 24, 0.6);
	text-shadow: #696969 0px -1px 2px,
				 #696969 -1px 0px 2px;
}

#shadow {
	margin:80px auto 0px;
	width:110px;
	height:100px;
	position: relative;
	background-color:rgba(26, 26, 26, 0.3);
	-webkit-border-radius: 50px;
	-webkit-transform: scale(1,0.2);
	-webkit-animation: moveBallShadow 5s ease-in-out 1s infinite alternate;
}

@-webkit-keyframes moveBall {
	0%{
		top: 0px;
	}
	50% {
		top:90px;
	}
	100%{
		top: 0px;
	}
}

@-webkit-keyframes moveBallShadow {
	0%{
		width: 110px;
		background-color:rgba(26, 26, 26, 0.3);
	}
	50% {
		width: 150px;
		background-color:rgba(26, 26, 26, 0.7);
	}
	100%{
		width: 110px;
		background-color:rgba(26, 26, 26, 0.3);
	}
}