.triangle {
      width: 0;
      height: 0;
      border-left: 190px solid transparent;
      border-right: 190px solid transparent;
      border-bottom: 150px solid lime;
     }

     .triangle-2 {

      width: 0;
      height: 0;
      border-left: 190px solid transparent;
      border-right: 190px solid transparent;
      border-bottom: 150px solid lime;
      margin-top:20px;
     }
       .triangle-3 {
      width: 0;
      height: 0;
      border-left: 190px solid transparent;
      border-right: 190px solid transparent;
      border-bottom: 150px solid lime;
      margin-top: 50px;
     }

      .stem {
      width: 60px;
      height: 60px;
      background-color: Brown;
      margin: 0 auto;

     }
      #fire {
       margin: 0 auto;
     }

      .decor-1 {
      width: 50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top: -100px;
      margin-left: 120px;
}
      .decor-2 {
      width:  50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top:  -20px;
      margin-left: 230px;
     }
     .decor-3 {
      width:  50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top:  -70px;
      margin-left: 100px;
     }
      .decor-4 {
      width:  50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top:  -80px;
      margin-left: 200px;
     }
     .decor-5 {
      width:  50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top:  -80px;
      margin-left: 200px;
     }
     .decor-6 {
      width:  50px;
      height: 50px;
      background-color: #FFE4B5;
      border-radius: 25px;
      margin-top:  -20px;
      margin-left: 100px;
     }

      .d14 {
      margin: 0 auto;
      height: 0;
      width: 0;
      position: relative;
      border-right: 50px solid transparent;
      border-bottom: 35px solid #FFFF00;
      border-left: 50px solid transparent;
      transform: rotate(35deg);
     }
      .d14:before,
      .d14:after {
      content: "";
      height: 0;
      width: 0;
      position: absolute;
    }
      .d14:before {
      top: -26px;
      left: -32px;
      border-bottom: 40px solid #FFFF00;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      transform: rotate(-35deg);
    }
      .d14:after {
      top: 2px;
      left: -53px;
      border-right: 50px solid transparent;
      border-bottom: 35px solid #FFFF00;
      border-left: 50px solid transparent;
      transform: rotate(-70deg);
    }

    .decor-1-on {
      background-color: #FF4500;
    }




    .decor-2-on {
      background-color: #8B008B;
    }


    .decor-3-on {
      background-color: #000080;
    }


    .decor-4-on {
      background-color: #00FFFF;
    }


    .decor-5-on {
      background-color: #C71585;
    }


    .decor-6-on {
      background-color: #FFA500;
    }

    .card {
    max-height: 500px;
    width:auto;
    }

    .my-text {
      font-size: 24pt;
      font-style: italic;
    }

    .btn-text {
      font-size: 24pt !important;
    }