.five-pointed-star {
 --star-color:orange;
 margin:1em auto;
 font-size:3em;
 position: relative;
 display: block;
 width: 0px;
 height: 0px;
 border-right: 1em solid transparent;
 border-bottom: 0.7em solid var(--star-color);
 border-left: 1em solid transparent;
 transform: rotate(35deg);
}
.five-pointed-star:before {
 border-bottom: 0.8em solid var(--star-color);
 border-left: 0.3em solid transparent;
 border-right: 0.3em solid transparent;
 position: absolute;
 height: 0;
 width: 0;
 top: -0.45em;
 left: -0.65em;
 display: block;
 content:"";
 transform: rotate(-35deg);
}
.five-pointed-star:after {
 position: absolute;
 display: block;
 top: 0.03em;
 left: -1.05em;
 width: 0;
 height: 0;
 border-right: 1em solid transparent;
 border-bottom: 0.7em solid var(--star-color);
 border-left: 1em solid transparent;
 transform: rotate(-70deg);
 content:"";
}
.triangle-up {
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid green;
    border-top: 100px solid transparent;
    display: inline-block;
    position: absolute;
    margin-left: 13.7rem;
    margin-top: -9.2rem;
}
.t1{
    margin-top: -9.2rem;
}
.t2{
    margin-top: -3.1rem;
}
.t3{
    margin-top: 3rem;
}
.stem{
    background: #8B4513;
    width: 3rem;
    height: 3rem;
    position: absolute;
    margin-left: 18.4rem;
    margin-top: 15.5rem;
}
.decor1 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -0.1rem;
    margin-left: 17.5rem;
    border-radius: 15px
}
.decor2 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -0.05rem;
    margin-left: 20.5rem;
    border-radius: 15px
}
.decor3 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 6rem;
    margin-left: 17.5rem;
    border-radius: 15px
}
.decor4 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 6.4rem;
    margin-left: 20.5rem;
    border-radius: 15px
}
.decor5 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 12rem;
    margin-left: 17.5rem;
    border-radius: 15px
}
.decor6 {
    background:#f0e68c;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 12.4rem;
    margin-left: 20.5rem;
    border-radius: 15px
}
.decor1-on{
background: #FFD700;
}
.decor2-on{
background: #00FFFF;
}
.decor3-on{
background: #191970;
}
.decor4-on{
background: #4B0082;
}
.decor5-on{
background: #800000;
}
.decor6-on{
background: #FF00FF;
}