div {
    --green:green;
    --red:#d00;
    --blue:blue;
    --yellow:yellow;
    --purple:purple;
    width:50vmin;
    aspect-ratio: 1 / 1.5;
    background:
     /*decoration  */
     radial-gradient(circle,var(--red) 50%, transparent 0 ) 30% 20% / 10% 10%,
     radial-gradient(circle,var(--yellow) 50%, transparent 0 ) 70% 70% / 10% 10%,
     radial-gradient(circle,var(--blue) 50%, transparent 0 ) 20% 55% / 10% 10%,
     radial-gradient(circle, var(--red) 50%, transparent 0) 85% 53% / 10% 10%,
     radial-gradient(circle, var(--yellow) 50%, transparent 0) 50% 40% / 10% 10%,

     /* lines */
     linear-gradient(170deg,transparent 48%, var(--purple) 0 52%, transparent 0 )
      45% 70%/70% 30%,
    linear-gradient(-170deg,transparent 48%, var(--purple) 0 52%, transparent 0 )
      53% 33%/50% 30%,
    /* leafs */
      conic-gradient(at 50% 0, #0000 150deg, var(--green) 0 210deg, #0000 0)  50% 0 / 100% 20%,
      conic-gradient(at 50% 0, #0000 155deg, var(--green) 0 205deg, #0000 0) 50% 10%/ 100% 45%,
      conic-gradient(at 50% 0, #0000 160deg, var(--green) 0 200deg, #0000 0) 50% 20% / 100% 75%,
      /* present */
      linear-gradient(transparent 45%, red 0 55%, transparent 0) 70% 100% / 24% 15%,
      linear-gradient(to right,transparent 45%, red 0 55%, transparent 0) 70% 100% / 24% 15%,      
      linear-gradient(blue 0 0 ) 70% 100% / 24% 15%,
      /* present */
      linear-gradient(transparent 45%, red 0 55%, transparent 0) 35% 100% / 15% 10%,
      linear-gradient(to right,transparent 45%, red 0 55%, transparent 0) 35% 100% / 15% 10%,
      linear-gradient(var(--purple) 0 0 ) 35% 100% / 15% 10%,
        
      /* trunk */
      linear-gradient(brown 0 0) 50% 100%/ 15% 50%;
    background-repeat: no-repeat;
    /* background-color: #f003; */
    position: relative;
}

div::before {
    content: "";
    position: absolute;
    display: block;
    width: 7vmin;
    height: 7vmin;
    background:gold;
    top:0;
    left:50%;
    transform: translate(-50%,-70%);
    clip-path: polygon(50% 0%, 65% 30%, 100% 30%,70% 60%, 100% 100%,
    50% 80%, 0% 100%, 30% 60%, 0 30%,35% 35%);
}

body {
    display: grid;
    place-items: center;
    height:100vh;
    margin:0;
}