* {
        box-sizing: border-box;
    }
    
    body {
        background: white;
    }
    
    .canvas {
        width: 900px;
        height: 556px;
        margin: 100px auto;
        background: #f3dfbc;
        position: relative;
        border-radius: 5px;
    }
    
    .circle-pink {
        position: absolute;
        top: 270px;
        left: 400px;
        width: 200px;
        height: 200px;
        z-index: 10;
        background: -webkit-radial-gradient(circle, lightpink);
        background-image: -webkit-radial-gradient(center, circle cover, lightpink, rgb(224, 186, 212), rgb(219, 195, 211));
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }
    
    .circle-blue {
        width: 100px;
        height: 100px;
        background-color: #143b76;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        position: absolute;
        z-index: 9;
        top: 220px;
        left: 420px;
    }
    
    .circle-green {
        width: 150px;
        height: 150px;
        background-color: #96b345;
        -moz-border-radius: 75px;
        -webkit-border-radius: 75px;
        border-radius: 75px;
        position: absolute;
        z-index: 8;
        top: 270px;
        left: 350px;
    }
    
    .vase {
        display: block;
        position: absolute;
        top: 360px;
        left: 350px;
        width: 66px;
        height: 76px;
        background-color: green;
        z-index: 9;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 30% 60 30% 50% /30% 70 30% 30%;
    }
    
    .square {
        width: 20px;
        height: 15px;
        background: green;
        display: block;
        position: absolute;
        top: 350px;
        left: 373px;
        z-index: 9;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 30% 60 30% 50% /30% 70 30% 30%;
    }
    
    .pineapple {
        display: block;
        position: absolute;
        top: 210px;
        left: 500px;
        width: 126px;
        height: 180px;
        background-color: #35382d;
        -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
        border-radius: 45% 45% 30% 30% / 45% 45% 30% 30%;
        z-index: 9;
    }
    
    .stem1 {
        width: 2px;
        height: 300px;
        background: #35382d;
        position: absolute;
        top: 60px;
        left: 402px;
        -moz-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
        z-index: 8;
    }
    
    .stem2 {
        width: 2px;
        height: 330px;
        background: #35382d;
        position: absolute;
        top: 40px;
        left: 383px;
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        z-index: 8;
    }
    
    .stem3 {
        width: 2px;
        height: 300px;
        background: #35382d;
        position: absolute;
        top: 50px;
        left: 374px;
        -moz-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        z-index: 8;
    }
    
    .stem4 {
        width: 2px;
        height: 300px;
        background: #35382d;
        position: absolute;
        top: 60px;
        left: 370px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
        z-index: 8;
    }
    
    .stem5 {
        width: 2px;
        height: 300px;
        background: #35382d;
        position: absolute;
        top: 80px;
        left: 376px;
        -moz-transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        z-index: 8;
    }
    
    .stem6 {
        width: 2px;
        height: 300px;
        background: #35382d;
        position: absolute;
        top: 80px;
        left: 364px;
        -moz-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
        z-index: 8;
    }
    
    .stem7 {
        width: 2px;
        height: 310px;
        background: #35382d;
        position: absolute;
        top: 50px;
        left: 393px;
        -moz-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
        z-index: 8;
    }
    
    .flower0 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 40px;
        left: 400px;
    }
    
    .flower {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 30px;
        left: 374px;
    }
    
    .flower1 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 52px;
        left: 418px;
    }
    
    .flower2 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 40px;
        left: 362px;
    }
    
    .flower3 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 70px;
        left: 370px;
    }
    
    .flower4 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 60px;
        left: 350px;
    }
    
    .flower5 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 73px;
        left: 340px;
    }
    
    .burst-8 {
        background: #f7ca2c;
        width: 10px;
        height: 10px;
        position: relative;
        text-align: center;
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20eg);
        z-index: 9;
    }
    
    .burst-8:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 10px;
        width: 10px;
        background: #f7ca2c;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        z-index: 9;
    }
    
    .bur-8 {
        background: #f7ca2c;
        width: 15px;
        height: 15px;
        position: relative;
        text-align: center;
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20eg);
        z-index: 9;
    }
    
    .bur-8:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background: #f7ca2c;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        z-index: 9;
    }
    
    .b-8 {
        background: #f7ca2c;
        width: 13px;
        height: 13px;
        position: relative;
        text-align: center;
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20eg);
        z-index: 9;
    }
    
    .b-8:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 13px;
        width: 13px;
        background: #f7ca2c;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        z-index: 9;
    }
    
    .triangle-up1 {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 80px solid #646448;
        position: absolute;
        top: 150px;
        left: 576px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(30deg);
        z-index: 6;
    }
    
    .triangle-up2 {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 80px solid #646448;
        position: absolute;
        top: 150px;
        left: 535px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(-30deg);
        z-index: 6;
    }
    
    .triangle-up3 {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 80px solid #474b30;
        position: absolute;
        top: 135px;
        left: 576px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(20deg);
        z-index: 6;
    }
    
    .triangle-up4 {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 80px solid #494d32;
        position: absolute;
        top: 135px;
        left: 535px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(-20deg);
        z-index: 6;
    }
    
    .triangle-up5 {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 80px solid #35382d;
        position: absolute;
        top: 160px;
        left: 535px;
        -moz-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(-35deg);
        z-index: 6;
    }
    
    .line1 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 230px;
        left: 590px;
        z-index: 9;
    }
    
    .line2 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 230px;
        left: 570px;
        z-index: 9;
    }
    
    .line3 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 230px;
        left: 550px;
        z-index: 9;
    }
    
    .line4 {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 230px;
        left: 530px;
        z-index: 9;
    }
    
    .diamond {
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #b18f52;
        position: relative;
        top: -10px;
    }
    
    .diamond:after {
        content: '';
        position: absolute;
        left: -10px;
        top: 10px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #b18f52;
    }