html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}

.box {
	display: box;
	box-align: center;
	box-pack: center;
	width: 100px;
	height: 100px;
	margin: 30px;
	padding: 15px;
	float: left;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	font-size: 24px;
}


#box1 {
	border-top-left-radius: 50px 25px;
	border-bottom-right-radius: 50px 25px;
	border-top-right-radius: 50px 25px;
	border-bottom-left-radius: 50px 25px;

}

#box2 {
        background-color: rgba(255, 255, 255, 0);
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 7);


}

#box3 {
	/* write your css here */
}