#wedal-christmas-tree{
    position: relative;
}

#wedal-christmas-tree .branch {
    position: relative;
    background-image: -webkit-repeating-radial-gradient(50% 100%, circle closest-corner, #FFF, #09d109 10%, green 100%);
    background-image: -moz-repeating-radial-gradient(circle 50% 100%, #FFF, #09d109 10%, green 100%);
    background-image: -o-repeating-radial-gradient(circle 50% 100%, #FFF, #09d109 10%, green 100%);
    background-image: repeating-radial-gradient(circle at 50% 100%, #FFF, #09d109 10%, green 100%);
    margin: 0 auto;
    border-radius: 40px 40px 0 0;
}



#wedal-christmas-tree .ball {
    position: absolute;
    height: 20%;
    width: 10%;
    border-radius: 100%;
    z-index: 1000;
}

#wedal-christmas-tree .ball.num1 {
    top: 30%;
    left: 20%;
}

#wedal-christmas-tree .ball.num2 {
    top: 70%;
    left: 45%;
}

#wedal-christmas-tree .ball.num3 {
    top: 30%;
    left: 70%;
}

#wedal-christmas-tree .ball.c1{
    background-color: #c8171f;
    background-image: -webkit-radial-gradient(50% 50%, circle, #f9d0be, #c8171f 70%);
    background-image: -moz-radial-gradient(50% 50%, circle, #f9d0be, #c8171f 70%);
    background-image: -o-radial-gradient(50% 50%, circle, #f9d0be, #c8171f 70%);
    background-image: radial-gradient(50% 50%, circle, #f9d0be, #c8171f 70%);
}

#wedal-christmas-tree .ball.c2{
    background-color: #00a1ee;
    background-image: -webkit-radial-gradient(50% 50%, circle, #cde6f9, #00a1ee 70%);
    background-image: -moz-radial-gradient(50% 50%, circle, #cde6f9, #00a1ee 70%);
    background-image: -o-radial-gradient(50% 50%, circle, #cde6f9, #00a1ee 70%);
    background-image: radial-gradient(50% 50%, circle, #cde6f9, #00a1ee 70%);
}

#wedal-christmas-tree .ball.c3{
    background-color: #4d8d00;
    background-image: -webkit-radial-gradient(50% 50%, circle, #d1e5b2, #4d8d00 70%);
    background-image: -moz-radial-gradient(50% 50%, circle, #d1e5b2, #4d8d00 70%);
    background-image: -o-radial-gradient(50% 50%, circle, #d1e5b2, #4d8d00 70%);
    background-image: radial-gradient(50% 50%, circle, #d1e5b2, #4d8d00 70%);
}



#wedal-christmas-tree #trunk {
    background: brown;
    margin: 0 auto;
}

#wedal-christmas-tree #ground {
    height: 20px;
    position: relative;
    width: 100%;
    background-repeat: repeat;
    background-size: 20px 20px;
    background-image: -webkit-radial-gradient(10px 13px, circle closest-corner, transparent 12px, green 13px);
    background-image: -moz-radial-gradient(circle 10px 13px, transparent 12px, green 13px);
    background-image: -o-radial-gradient(circle 10px 13px, transparent 12px, green 13px);
    background-image: radial-gradient(circle at 10px 13px, transparent 12px, green 13px);
}

#wedal-christmas-tree #star {
   margin: 5px auto 3px;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}

#wedal-christmas-tree #star:before {
   position: absolute;
   height: 0;
   width: 0;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);

}

#wedal-christmas-tree #star:after {
   position: absolute;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}