.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: '';
    }
    .decor1 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
    .decor2 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
    .decor3 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
    .decor4 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
    .decor5 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -5rem;
        margin-left: 15rem;
        border-radius: 25px;
    }
    .decor6 {
        background: #f0e68c;
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: -4.5rem;
        margin-left: 22rem;
        border-radius: 25px;
    }
.decor1-on {
    background: #ff0000;
}
.decor2-on {
    background: #00ffff;
}
.decor3-on {
    background: #1e90ff;
}
.decor4-on {
    background: #00ffff;
}
.decor5-on {
    background: #ffff00;
}
.decor6-on {
    background: #ff00ff;
}