*{
  margin: 0;
  padding: 0;
}
body{
  /*background-color: #111;*/
  /*font-family: Signika Negative, Asap, sans-serif;*/
  color:white;
  
  /*overflow:hidden;*/
}
.dot{
  width:150px;
  height:150px;
  position:absolute;
  
  background-size: 100% 100%;
}
.dot1{
  background-image: url("../images/leaf/leaf1.png");
}
.dot2{
  background-image: url("../images/leaf/leaf2.png");
}
.dot3{
  background-image: url("../images/leaf/leaf3.png");
}
.dot4{
  background-image: url("../images/leaf/leaf4.png");
}
.dot5{
  background-image: url("../images/leaf/leaf5.png");
}
.dot6{
  background-image: url("../images/leaf/leaf6.png");
}
.dot7{
  background-image: url("../images/leaf/leaf7.png");
}
html, body, #falling {width:100%; height:100%; }
#falling{
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.light{
  background-image: url(../images/bg-v01-light.png);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 50;
  opacity: 1;
  left: 0;
  top: 0;
  background-position: center ;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.light1{
  background-image: url(../images/bg-v02a.png);
  z-index: 80;
}
.light2{
  background-image: url(../images/bg-v02b.png);
  z-index: 60;
}
.light3{
  background-image: url(../images/bg-v02c.png);
  z-index: 40;
}