.container {
	position : absolute;
	left : 50%;
	top : 50%;
	width : 600px;
	height : 600px;
	margin-left : -300px;
	margin-top : -300px;
	border : 1px solid black;
	overflow : hidden;
}
.hole {
	position : absolute;
	left : 30px;
	top : 70px;
	width : 68px;
	height : 100px;
	background-image : -webkit-linear-gradient(left, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
	background-image : linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
	border-left : 1px solid #236d22;
	box-shadow : 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
}
.hole:before {
	display : block;
	content : '';
	position : absolute;
	width : 84px;
	height : 24px;
	margin-left : -8px;
	top : -24px;
	background-image : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.3) 2px,
												 rgba(255, 255, 255, 0.3) 3px, rgba(255, 255, 255, 0) 4px ),
					-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 3px, rgba(255, 255, 255, 0.2) 5px,
												 rgba(255, 255, 255, 0) 6px ),
					-webkit-linear-gradient(left, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
	background-image : linear-gradient(to bottom, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.3) 2px,
												 rgba(255, 255, 255, 0.3) 3px, rgba(255, 255, 255, 0) 4px ),
					linear-gradient(to top, rgba(0, 0, 0, 0.4) 3px, rgba(255, 255, 255, 0.2) 5px,
												 rgba(255, 255, 255, 0) 6px ),
					linear-gradient(to right, #2a7d2f 0%, #78fc73 25%, #78fc73 35%, #113e15 95%);
}