*{margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 100%;}

div{position: absolute;}

/*캔버스 크기임*/
.cherry {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
height: 700px;
background-color: yellow;}

.plate {left: 100px;
bottom: 70px;
width: 500px;
height: 70px;
background-color: darkturquoise;
border-radius: 50%;
z-index: 90;
box-shadow: 5px 5px 5px 5px gray;}

.shadow {
	top: 30px;
	left: 200px;
	width: 200px;
	height: 15px;
	background-color: gray;
	border-radius: 50%;
	filter: blur(8px);
}

.leaf {
	top: 100px;
	width: 100px; height: 50px; 
	}

.leaf.left {
	left: 260px;
	border-top-right-radius: 50px; 
	border-bottom-left-radius: 50px;
	/*background-color: mediumseagreen;*/
	background-image: linear-gradient(180deg, lawngreen, darkgreen);
}

.leaf.right {
	right: 244px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	background-color: seagreen;
}

.twig {
	top: 150px;
	left: 350px;
	width: 10px;
	height: 50px;
	/*background-color: saddlebrown;*/
	background-image: linear-gradient(270deg, saddlebrown, cornsilk, saddlebrown);
}

.kernel {
	left: 150px;
	bottom: 100px;
	width: 400px;
height: 400px;
/*background-color: red;*/
background-image: linear-gradient(100deg, orange, crimson, darkred); /*색추가도 가능함, 다폴트값은 180도*/
border-radius: 50%;
transition: 1s;/* *여기에 요소들도 추가할 수 있음 widtn, height 다*/
z-index: 99;
padding-top: 30px;
padding-left: 20px;
padding-bottom: 30px;
text-align: center;
overflow: auto;
}


.kernel:hover {
	background-image: linear-gradient(100deg, darkred, crimson, orange);}


.light {
	top: 100px;
	left: 70px;
width: 50px;
height: 50px;
background-color: rgb(255, 255, 255);
border-radius: 50%;
filter: blur(8px);}





