body {
	margin: 0px auto;
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.2) 0%, rgba(255, 255, 255, 0.5) 40%, #ffffff 100%);
	background-repeat: no-repeat;
}

#bigbox {
	//border: 1px black solid;
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	//transform-style: preserve-3d;
	perspective: 1200px;
	perspective-origin: 50% 50%;
}

#box1 {
	//border: 1px black solid;
	position: absolute;
	left: 10%;
	top: 0%;
	width: 300px;
	height: 300px;
	//transform-style: preserve-3d;
	perspective: 1200px;
	perspective-origin: 50% 50%;
}

#ball1 {
	position: absolute;
	background: black;
	border-radius: 50%;
	height: 300px;
	width: 300px;
	background: radial-gradient(circle at 100px 100px, #5cabff, #000);
}

#shadow1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
	transform: rotateX(90deg) translateZ(-150px);
	z-index: -1;
}