@charset "UTF-8";
/* CSS Document */
/* Div layer for the entire banner. */
body, html{ padding:0px; margin:0px; list-style-type:none;}



#container {
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
  background-color: #3d1a32;
}

#border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border:8px solid #ffffff; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.image {
  position: absolute;
  top:0px;
  left:0px;
}


#clicktag {
  position: absolute;
  width: 336px;
  height: 280px;
  top: 0px;
  left: 0px;
  cursor: pointer;
  border:1px solid #ccc; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#snow{
  position: absolute;
  width:100%;
  height:100%;
}

#star{
  position: absolute;
  width:100%;
  height:100%;
  bottom:0px;
}

#shape{
    position: absolute;
    top: 45px;
  width: 336px;
  height: 280px;
}

#moon{
  position: absolute;
    top: 13px;
  width:336px;
  height:280px;
}

.snowFlake{
  position: absolute;

}

.star{
  position: absolute;
  background: url(star.svg);
  width:10px;
  height:10px;
 
}