Xmas.css

#container{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 500px;
    height: 350px;
    border: 1px solid black;
}
#bar{
    height: inherit;
    width: 150px;
    background-color: antiquewhite;
}
#tree{
    height: inherit;
    width: inherit;
    background-image: url("Xmas.png");
    background-size: 100% cover;
    background-color: rgb(207, 253, 253);
}
button{
    position: absolute; 
    left: 20px;  
    width: 70px;
    height: 70px;
    background-color: blueviolet;
    border-radius: 10px;
    border-color: rgb(47, 0, 156)
}
#create-ball{
    top: 40px;
}
#start-shining{
    top:250px;
}
.ball{
    position: absolute;
    left: 55px;
    top: 100px;
    width: 20px;
    height: 20px;
    background-size: cover;
}