* {
	box-sizing: border-box;
}

body {
	background: white;
}

.canvas {
	width: 900px;
	height: 556px;
	margin: 100px auto;
	background: #E8F6F3;
	position: relative;
}
.Ballonpink{
	position: absolute;
	top: 225px;
	left: 290px;
	width: 230px;
	height: 230px;
	background: -webkit-radial-gradient(circle, lightpink, #FDEDEC, #FADBD8);
	-moz-border-radius: 300px;
	-webkit-border-radius: 50px;
	border-radius: 200px;
}
.Pineapple{
	position: absolute;
	left: 450px;
	top: 200px;
	width: 150px;
	height: 200px;
	background: -webkit-linear-gradient(#EED42C, #707846);
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px;
	border-radius: 50px / 100px;
}
.leaf1{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 150px solid #409910;
	position: absolute;
	left: 505px;
	top: 50px;
	z-index: 5;
}

.leaf2{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 150px solid #409910;
	position: absolute;
	left: 455px;
	top: 55px;
	z-index: 5;
	transform: rotate(-30deg);
}

.leaf3{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 150px solid #409910;
	position: absolute;
	left: 555px;
	top:55px;
	z-index: 5;
	transform: rotate(30deg);
}

.Ballonblue{
	position: absolute;
	top: 156px;
	left: 352px;
	width: 100px;
	height: 100px;
	background: -webkit-radial-gradient(circle,#466FB8,#5880C9,#618DDE);
	-moz-border-radius: 300px;
	-webkit-border-radius: 50px;
	border-radius: 100px;

}
.Ballongreen{
	position: absolute;
	top: 200px;
	left: 405px;
	width: 100px;
	height: 100px;
	background: -webkit-radial-gradient(circle,#85AB42 ,#A0CE4D, #B1E650);
	-moz-border-radius: 300px;
	-webkit-border-radius: 50px;
	border-radius: 100px;

}

.stem1 {
width: 5px;
height: 200px; 
position: absolute;
left: 340px;
top: 70px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
}

.stem2 {
width: 5px;
height: 200px; 
position: absolute;
left: 348px;
top: 100px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
}

.stem3 {
width: 5px;
height: 200px; 
position: absolute;
left: 331px;
top: 100px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
}

.stem4 {
width: 1px;
height: 30px; 
position: absolute;
left: 330px;
top: 110px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
transform: rotate(-15deg);
}

.stem5 {
width: 1px;
height: 30px; 
position: absolute;
left: 328px;
top: 70px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
transform: rotate(-15deg);
}
.stem6 {
width: 1px;
height: 30px; 
position: absolute;
left: 348px;
top: 70px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
transform: rotate(8deg);
}

.stem7 {
width: 1px;
height: 20px; 
position: absolute;
left: 358px;
top: 80px;
background: -webkit-linear-gradient(#3E934A,#2D6A35); 
z-index: 0;
transform: rotate(8deg);
}

.flowerball {
	width: 20px;
	height: 20px;
	background: #8CA823;
	border: 4px solid #F5B041;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	left: 320px;
	top: 82px;
	z-index:1;

}

.flowerball1 {
	width: 25px;
	height: 25px;
	background: #FAD7A0;
	border: 3px solid #F1C40F;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	left: 330px;
	top: 65px;
	z-index:1;
}

.flowerball2 {
	width: 20px;
	height: 20px;
	background: white;
	border: 7px solid #F5B041;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 345px;
	top: 90px;
	z-index:1;

}

.flowerball3 {
	width: 20px;
	height: 20px;
	background: #f2d235;
	border: 5px solid #EB984E;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 330px;
	top: 125px;
	z-index:1;

}
.flowerball4 {
	width: 10px;
	height: 10px;
	background: #f2d235;
	border: 2px solid white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 354px;
	top: 75px;
	z-index:1;

}
.flowerball5 {
	width: 10px;
	height: 10px;
	background: #f2d235;
	border: 2px solid #7DCEA0;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 323px;
	top: 110px;
	z-index:1;

}
.flowerball6 {
	width: 7px;
	height: 7px;
	background: #8CA823;
	border: 1px solid #F5B041;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 353px;
	top: 110px;
	z-index:1;

}
.flowerball7 {
	width: 7px;
	height: 7px;
	background: #f2d235;
	border: 2px solid #EB984E;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 343px;
	top: 105px;
	z-index:1;

}
.flowerball8 {
	width: 7px;
	height: 7px;
	background: #f2d235;
	border: 2px solid white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 338px;
	top: 115px;
	z-index:1;

}

.flowerball9 {
	width: 7px;
	height: 7px;
	background: #f2d235;
	border: 2px solid white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	left: 320px;
	top: 65px;
	z-index:1;

}