.five-pointed-star {
 --star-color:red;
 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: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 70px solid green;
    border-top: 70px solid transparent;
    display: inline-block;
    position: absolute;
    margin-left: 15.41rem;

}
.t1{
    margin-top: -7.2rem;
}
.t2{
    margin-top: -3.1rem;
}
.t3{
    margin-top: 1rem}
.stem{
    background: #8B4513;
    width: 3rem;
    height: 3rem;
    position: absolute;
    margin-left: 18.2rem;
    margin-top: 9.7rem;
}
.decor1 {
    background:#f0e68c;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:-0,1rem;
    margin-left:17rem;
    border-radius:15px;
}
.decor2 {
    background:#f0e68c	;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:-0,5rem;
    margin-left:21rem;
    border-radius:15px;
}
.decor3 {
    background:#f0e68c;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:4rem;
    margin-left:17rem;
    border-radius:15px;
}
.decor4 {
    background:#f0e68c	;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:4.1rem;
    margin-left:21rem;
    border-radius:15px;
}
.decor5 {
    background:#f0e68c	;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:8rem;
    margin-left:17rem;
    border-radius:15px;
}
.decor6 {
    background:#f0e68c	;
    width: 30px;
    height:30px;
    position: absolute;
    margin-top:8.3rem;
    margin-left:21rem;
    border-radius:15px;
}
.decor1-on{
    background:#0000CD;
}
.decor2-on{
    background:#DAA520;
}
.decor3-on{
    background:#9ACD32;
}
.decor4-on{
    background:#DC143C;
}
.decor5-on{
    background:#808000;
}
.decor6-on{
    background:#FFFF00;
}