.dobby {
    height: 108px;
    width: 100px;
    position: fixed;
}
#d1 {
    left: 0%;
    animation: moveit linear infinite 9s;
    -webkit-animation: moveit linear infinite 9s;
    -moz-animation: moveit linear infinite 9s;
}
#d2 {
    left: 4%;
    animation: moveit linear infinite 35s;
    -webkit-animation: moveit linear infinite 35s;
    -moz-animation: moveit linear infinite 25s;
}

#d3 {
    left: 8%;
    animation: moveit linear infinite 27s;
    -webkit-animation: moveit linear infinite 27s;
    -moz-animation: moveit linear infinite 27s;
}

#d4 {
    left: 12%;
    animation: moveit linear infinite 80s;
    -webkit-animation: moveit linear infinite 80s;
    -moz-animation: moveit linear infinite 80s;
}

#d5 {
    left: 16%;
    animation: moveit linear infinite 65s;
    -webkit-animation: moveit linear infinite 65s;
    -moz-animation: moveit linear infinite 65s;
}

#d6 {
    left: 20%;
    animation: moveit linear infinite 15s;
    -webkit-animation: moveit linear infinite 15s;
    -moz-animation: moveit linear infinite 15s;
}

#d7 {
    left: 24%;
    animation: moveit linear infinite 55s;
    -webkit-animation: moveit linear infinite 55s;
    -moz-animation: moveit linear infinite 55s;
}

#d8 {
    left: 28%;
    animation: moveit linear infinite 23s;
    -webkit-animation: moveit linear infinite 23s;
    -moz-animation: moveit linear infinite 23s;
}

#d9 {
    left: 32%;
    animation: moveit linear infinite 87s;
    -webkit-animation: moveit linear infinite 87s;
    -moz-animation: moveit linear infinite 87s;
}

#d10 {
    left: 36%;
    animation: moveit linear infinite 7s;
    -webkit-animation: moveit linear infinite 7s;
    -moz-animation: moveit linear infinite 7s;
}

#d11 {
    left: 40%;
    animation: moveit linear infinite 35s;
    -webkit-animation: moveit linear infinite 35s;
    -moz-animation: moveit linear infinite 35s;
}

#d12 {
    left: 44%;
    animation: moveit linear infinite 66s;
    -webkit-animation: moveit linear infinite 66s;
    -moz-animation: moveit linear infinite 66s;
}

#d13 {
    left: 48%;
    animation: moveit linear infinite 47s;
    -webkit-animation: moveit linear infinite 47s;
    -moz-animation: moveit linear infinite 47s;
}

#d14 {
    left: 52%;
    animation: moveit linear infinite 12s;
    -webkit-animation: moveit linear infinite 12s;
    -moz-animation: moveit linear infinite 12s;
}

#d15 {
    left: 56%;
    animation: moveit linear infinite 59s;
    -webkit-animation: moveit linear infinite 59s;
    -moz-animation: moveit linear infinite 59s;
}

#d16 {
    left: 60%;
    animation: moveit linear infinite 21s;
    -webkit-animation: moveit linear infinite 21s;
    -moz-animation: moveit linear infinite 21s;
    
}

#d17 {
    left: 64%;
    animation: moveit linear infinite 6s;
    -webkit-animation: moveit linear infinite 6s;
    -moz-animation: moveit linear infinite 6s;
}

#d18 {
    left: 68%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}

#d19 {
    left: 72%;
    animation: moveit linear infinite 72s;
    -webkit-animation: moveit linear infinite 72s;
    -moz-animation: moveit linear infinite 72s;
}

#d20 {
    left: 76%;
    animation: moveit linear infinite 8s;
    -webkit-animation: moveit linear infinite 8s;
    -moz-animation: moveit linear infinite 8s;
}
#d21 {
    left: 80%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}
#d22 {
    left: 84%;
    animation: moveit linear infinite 47s;
    -webkit-animation: moveit linear infinite 47s;
    -moz-animation: moveit linear infinite 47s;
}
#d23 {
    left: 88%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}
#d24 {
    left: 92%;
    animation: moveit linear infinite 17s;
    -webkit-animation: moveit linear infinite 17s;
    -moz-animation: moveit linear infinite 17s;
}
#d25 {
    left: 96%;
    animation: moveit linear infinite 25s;
    -webkit-animation: moveit linear infinite 25s;
    -moz-animation: moveit linear infinite 25s;
}
#d26 {
    left: 98%;
    animation: moveit linear infinite 44s;
    -webkit-animation: moveit linear infinite 44s;
    -moz-animation: moveit linear infinite 44s;
}
#d27 {
    left: 48%;
    animation: moveit linear infinite 12s;
    -webkit-animation: moveit linear infinite 12s;
    -moz-animation: moveit linear infinite 12s;
}
#d28 {
    left: 25%;
    animation: moveit linear infinite 14s;
    -webkit-animation: moveit linear infinite 14s;
    -moz-animation: moveit linear infinite 14s;
}
#d29 {
    left: 76%;
    animation: moveit linear infinite 34s;
    -webkit-animation: moveit linear infinite 34s;
    -moz-animation: moveit linear infinite 34s;
}
#d30 {
    left: 66%;
    animation: moveit linear infinite 5s;
    -webkit-animation: moveit linear infinite 5s;
    -moz-animation: moveit linear infinite 5s;
}

#d31 {
    left: 85%;
    animation: moveit linear infinite 27s;
    -webkit-animation: moveit linear infinite 27s;
    -moz-animation: moveit linear infinite 27s;
}

#d32 {
    left: 93%;
    animation: moveit linear infinite 80s;
    -webkit-animation: moveit linear infinite 80s;
    -moz-animation: moveit linear infinite 80s;
}

#d33 {
    left: 17%;
    animation: moveit linear infinite 65s;
    -webkit-animation: moveit linear infinite 65s;
    -moz-animation: moveit linear infinite 65s;
}

#d34 {
    left: 57%;
    animation: moveit linear infinite 15s;
    -webkit-animation: moveit linear infinite 15s;
    -moz-animation: moveit linear infinite 15s;
}

#d35 {
    left: 81%;
    animation: moveit linear infinite 55s;
    -webkit-animation: moveit linear infinite 55s;
    -moz-animation: moveit linear infinite 55s;
}

#d36 {
    left: 89%;
    animation: moveit linear infinite 23s;
    -webkit-animation: moveit linear infinite 23s;
    -moz-animation: moveit linear infinite 23s;
}

#d37 {
    left: 50%;
    animation: moveit linear infinite 87s;
    -webkit-animation: moveit linear infinite 87s;
    -moz-animation: moveit linear infinite 87s;
}

#d38 {
    left: 49%;
    animation: moveit linear infinite 7s;
    -webkit-animation: moveit linear infinite 7s;
    -moz-animation: moveit linear infinite 7s;
}

#d39 {
    left: 37%;
    animation: moveit linear infinite 35s;
    -webkit-animation: moveit linear infinite 35s;
    -moz-animation: moveit linear infinite 35s;
}

#d40 {
    left: 34%;
    animation: moveit linear infinite 66s;
    -webkit-animation: moveit linear infinite 66s;
    -moz-animation: moveit linear infinite 66s;
}

#d41 {
    left: 7%;
    animation: moveit linear infinite 47s;
    -webkit-animation: moveit linear infinite 47s;
    -moz-animation: moveit linear infinite 47s;
}

#d42 {
    left: 3%;
    animation: moveit linear infinite 12s;
    -webkit-animation: moveit linear infinite 12s;
    -moz-animation: moveit linear infinite 12s;
}

#d43 {
    left: 11%;
    animation: moveit linear infinite 59s;
    -webkit-animation: moveit linear infinite 59s;
    -moz-animation: moveit linear infinite 59s;
}

#d44 {
    left: 37%;
    animation: moveit linear infinite 21s;
    -webkit-animation: moveit linear infinite 21s;
    -moz-animation: moveit linear infinite 21s;
    
}

#d45 {
    left: 99%;
    animation: moveit linear infinite 6s;
    -webkit-animation: moveit linear infinite 6s;
    -moz-animation: moveit linear infinite 6s;
}

#d46 {
    left: 85%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}

#d47 {
    left: 79%;
    animation: moveit linear infinite 72s;
    -webkit-animation: moveit linear infinite 72s;
    -moz-animation: moveit linear infinite 72s;
}

#d48 {
    left: 63%;
    animation: moveit linear infinite 8s;
    -webkit-animation: moveit linear infinite 8s;
    -moz-animation: moveit linear infinite 8s;
}
#d49 {
    left: 51%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}
#d50 {
    left: 47%;
    animation: moveit linear infinite 47s;
    -webkit-animation: moveit linear infinite 47s;
    -moz-animation: moveit linear infinite 47s;
}
#d51 {
    left: 35%;
    animation: moveit linear infinite 60s;
    -webkit-animation: moveit linear infinite 60s;
    -moz-animation: moveit linear infinite 60s;
}
#d52 {
    left: 29%;
    animation: moveit linear infinite 17s;
    -webkit-animation: moveit linear infinite 17s;
    -moz-animation: moveit linear infinite 17s;
}

@-webkit-keyframes moveit{
    0%{top:-10%}
    100%{top:110%}
}
@keyframes moveit{
    0%{top:-10%}
    100%{top:110%}
}
@-moz-keyframes moveit{
    0%{top:-10%}
    100%{top:110%}
}

html,body{
    margin:0;
    height:100%;
    overflow:hidden;
}

body{
    background-image: url("../img/dobby_bg.JPG");
    background-repeat: repeat;
}