body{
	margin: 0px;
	background-color: #FFF;
}
.divCanvas {
	width: 100vw;
    height: 100vw;
	position: relative;
	display: block;
	overflow: hidden;
}
.divCircle {
	position: absolute;
	display: block;
}
.divBubble {
	position: absolute;
	display: block;
}
.bubble {
	transform-origin: center;
	position: absolute;
	animation: fade 4s ease-out, move 10s ease-in-out infinite;
}
.divLeaf {
	position: absolute;
	display: block;
	display: flex;
}

@keyframes fade {
	0% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes move {
	0%, 100% {
		bottom: -20px;
		left: -10px;
	}
	50% {
		bottom: 20px;
		left: 10px;
	}
}