* {
	box-sizing: border-box;
}

body {
	background: #cccccc;
}

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

.objects {
	top: -100px;
	position: absolute;
}

.vase {
	left: 500px;
	top: 300px;
	position: absolute;
	opacity: .85;
}

#bowl {
	top: 70px;
	position: absolute;
	display:block;
	width: 126px;
	height: 150px;
	background-color: #67901f;
	-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
	border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
}

#neck {
	left: 45px;
	top: -20px;
	position: absolute;
	width: 32px;
	height: 152px;
	background: #67901f;
}

#rightneck {
	left: 60px;
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 100px solid #67901f;
	border-right: 71px solid transparent;
	transform: rotate(18deg);
}


#leftneck {
	left: -7px;
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 100px solid #67901f;
	border-left: 70px solid transparent;
	transform: rotate(-19deg);
}

#water {
	top: 144px;
	position: absolute;
	display:block;
	width: 126px;
	height: 75px;
	background-color: lightblue;
	-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
	border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
	transform: rotate(180deg);
}

#flower {
	opacity: 100%;
	position: absolute;
	left: -35px;
	top:-300px;
	width: 200px;
	height: 200px;
	color:red;
	background: red;
	transform: rotate(5deg);
	-webkit-clip-path: polygon(34% 0, 42% 25%, 67% 5%, 43% 44%, 76% 23%, 41% 75%, 0 31%, 32% 47%, 11% 23%, 33% 31%);
	clip-path: polygon(34% 0, 42% 25%, 67% 5%, 43% 44%, 76% 23%, 41% 75%, 0 31%, 32% 47%, 11% 23%, 33% 31%);
}

#flower2 {
	position: absolute;
	left: -45px;
	top:-300px;
	width: 200px;
	height: 200px;
	color:#ff4d00;
	background: #ff4d00;
	-webkit-clip-path: polygon(34% 0, 42% 25%, 67% 5%, 43% 44%, 76% 23%, 41% 75%, 0 31%, 32% 47%, 11% 23%, 33% 31%);
	clip-path: polygon(34% 0, 42% 25%, 67% 5%, 43% 44%, 76% 23%, 41% 75%, 0 31%, 32% 47%, 11% 23%, 33% 31%);
}

.stem {
	left: 560px;
	top: 140px;
	position: absolute;
	width: 10px;
	height: 360px;
	background: #52a34b;
	transform: rotate(-8deg);
}

.pineapple {
	top: 330px;
	left: 410px;
	position: absolute;
	width: 200px;
	height: 210px;
	background: #f6bd0c;
	-webkit-clip-path: ellipse(34% 45% at 50% 50%);
	clip-path: ellipse(34% 45% at 50% 50%);
}


#pineapplebottom {
	top:300;
	left: 70px
	width: 280px;
	height: 240px;
	background: #f6bd0c;
	-webkit-clip-path: polygon(36% 53%, 61% 53%, 86% 81%, 80% 100%, 20% 100%, 14% 79%);
	clip-path: polygon(36% 53%, 61% 53%, 86% 81%, 80% 100%, 20% 100%, 14% 79%);
	transform: rotate(180deg);
}

#leaves {
	top:100px;
	left:400px;
	position: absolute;
	width: 200px;
	height: 280px;
	background: #267c04;
	-webkit-clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
	clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
}


#leaves2 {
	top:80px;
	left:400px;
	position: absolute;
	width: 200px;
	height: 280px;
	background: #40a716;
	-webkit-clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
	clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
}


#leaves3 {
	top:60px;
	left:400px;
	position: absolute;
	width: 200px;
	height: 280px;
	background: #1d5e03;
	-webkit-clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
	clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
}

#leaves4 {
	top:40px;
	left:400px;
	position: absolute;
	width: 200px;
	height: 280px;
	background: #1d5e03;
	-webkit-clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
	clip-path: polygon(50% 38%, 53% 80%, 71% 47%, 57% 86%, 89% 58%, 53% 96%, 18% 66%, 47% 85%, 25% 54%, 49% 79%);
}

#bottomleaves {
	top: 235px;
	left: 395px;
	position: absolute;
	width: 220px;
	height: 190px;
	background: #1d5e03;
	-webkit-clip-path: polygon(26% 56%, 48% 46%, 75% 67%, 59% 60%, 76% 73%, 50% 68%, 24% 76%, 46% 60%, 22% 70%, 43% 54%);
	clip-path: polygon(26% 56%, 48% 46%, 75% 67%, 59% 60%, 76% 73%, 50% 68%, 24% 76%, 46% 60%, 22% 70%, 43% 54%);
}

.paper {
	left:30px;
	position: absolute;
	width: 800px;
	height: 670px;
	background: #ff0dbf;
	-webkit-clip-path: polygon(5% 88%, 48% 63%, 100% 63%, 43% 100%);
	clip-path: polygon(5% 88%, 48% 63%, 100% 63%, 43% 100%);
}

.ball {
	top:300px;
	left: 100px;
	position: absolute;
	width: 400px;
	height: 400px;
	background: #f3e0f4;
	-webkit-clip-path: ellipse(33% 33% at 50% 50%);
	clip-path: ellipse(33% 33% at 50% 50%);
}

#ballshine {
	top: 30px;
	left:70px;
	position: absolute;
	width: 300px;
	height: 300px;
	background: #f9f2f8;
	-webkit-clip-path: ellipse(33% 33% at 50% 50%);
	clip-path: ellipse(33% 33% at 50% 50%);

}