* {
	box-sizing: border-box;
}

body {
	background: black;
}

.canvas {
	width: 900px;
	height: 556px;
	margin: 100px auto;
	background: white;
	position: relative;
}

.object {
	position: absolute;
}

/* Paper */

.paper {
	height: 320px;
	width: 730px;
	background:  #40ff00;
	top: 190px;
	left: 88px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
}

/* Sphere */

.sphere {
	background: #ffffcc;
	top:50px;
	height: 302px;
	width: 302px;
	border-radius: 50%;
	bottom:250px;
	left:300px;
}

/* squash */

.squash {
	background: #ff8533;
	top:250px;
	height: 151px;
	width:151px;
	border-radius:40%;
	bottom:250px;
	left:550px;
}

/* water glass */

.water-glass-container {
	height:200px;
	width:100px;
	background:white;
	right:610px;
	bottom:300px;
	opacity: 0.7;
}

.water-glass-container .glass {
	/*border-bottom:100px solid red;
	border-left:8px solid transparent;
	height:0;
	width:100px;
	opacity:0.5;*/
	height:225px;
	width:100px;
	background:#CEC8C8;
}

.water-glass-container .top {
	width:100px; 
	height:25px;
	border-radius:50%;
	background:#DCD5D5;
	border: 1px solid white;
	top:-10px;
}

.water-glass-container .bottom {
	width:100px; 
	height:25px;
	border-radius:50%;
	background:#DCD5D5;
	bottom:-37px;
}

.water-glass-container .water-level {
	width:100px; 
	height:25px;
	border-radius:50%;
	background:#DCD5D5;
	opacity: 0.7;
	bottom: 66.666px;

}
.plant {
	top:0px;
	left: 220px;
	width: 10px;
	height: 240px;
	background: #009933;
	position:absolute;
	transform: skewX(20deg); 
}

.plant2 {
	top:0px;
	left: 240px;
	width: 10px;
	height: 240px;
	background: #009933;
	position:absolute;
	transform: skewX(-20deg); 
}

.plant4 {
	top:0px;
	left: 240px;
	width: 10px;
	height: 240px;
	background: #009933;
	position:absolute;
	transform: skewX(-10deg); 
}