.triangle {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid lime;
    filter: drop-shadow(0 0 5px #000000);
    margin: 0 auto;
    width: 0;
    height:  0;
    }
.stem {
    background: #8b4513;
    width:50px;
    height: 50px;
    margin: 0 auto;
    }
.star-five {
      margin: 7px auto;
      position: relative;
      display: block;
      color: yellow;
      width: 0px;
      height: 0px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid yellow;
      border-left: 100px solid transparent;
      transform: rotate(35deg);

    }
    .star-five:before {
      border-bottom: 80px solid yellow;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      position: absolute;
      height: 0;
      width: 0;
      top: -45px;
      left: -65px;
      display: block;
      content: '';
      transform: rotate(-35deg);
    }
    .star-five:after {
      position: absolute;
      display: block;
      color: yellow;
      top: 3px;
      left: -105px;
      width: 0px;
      height: 0px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid yellow;
      border-left: 100px solid transparent;
      transform: rotate(-70deg);
      content: '';
    }
    .decore1 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
     .decore2 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
       .decore3 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
     .decore4 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
    .decore5 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
     .decore6 {
        background:#487902;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
.decore1-on {
    background: #ff0000;
}
.decore2-on {
    background: #dc143c;
}
.decore3-on {
    background: #ff69b4;
}
.decore4-on {
    background: #00ff00;
}
.decore5-on {
    background: #48d1cc;
}
.decore6-on {
    background: #191970;
}