.wrapper{background:url(images/bg.png)}
    main{position:relative;width: 1024px;height:611px;margin:8px auto 0;overflow:hidden}
@font-face{font-family:'Love';src:url(./fonts/LoveYaLikeASister.ttf)}







.dropp {
    width: 300px;
    height: 316px;
    display: block;
    position: absolute;
}
.dragg {
    position: absolute;
        
    background-image: url(images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    visibility: hidden;
}




#drag4 {
  left: 543px;
  top: 29px;
  width: 112px;
  height: 207px;
  background-position: -202px -145px;
}

#drag2 {
  left: 845px;
  top: 73px;
  width: 110px;
  height: 196px;
  background-position: -92px 0px;
}


#drag6 {
  left: 63px;
  top: 71px;
  width: 201px;
  height: 107px;
  background-position: -379px -101px;
}

#drag7 {
  left: 49px;
  top: 178px;
  width: 233px;
  height: 154px;
  background-position: -314px -208px;
}

#drag8 {
  left: 293px;
  top: 41px;
  width: 45px;
  height: 282px;
  background-position: -662px 0px;
}

#drag5 {
  left: 365px;
  top: 231px;
  width: 283px;
  height: 101px;
  background-position: -379px 0px;
}

#drag3 {
  left: 364px;
  top: 67px;
  width: 177px;
  height: 145px;
  background-position: -202px 0px;
}



div#drop1 {
    top: 20px;
    left: 46px;
}



div#drop3 {
    top: 20px;    
    left: 674px;
}

div#drop2 {
    top: 20px;    
    left: 360px;
}


i#drag1 {
    left: 695px;    
    top: 153px;    
    width: 92px;    
    height: 156px;
}

.start {
    width: 250px;
    height: 71px;
    background-color: #FA7936;
    border: 2px solid #6E4E3F;
    color: #542611;
    border-radius: 7px;
    font-size: 47px;
    padding-top: 2px;
    text-align: center;
    position: absolute;
    top: 446px;
    left: 382px;
    z-index: 1;
}

input.timer {
    color: #542611;
    width: 238px;
    height: 56px;
    font-size: 35px;
    text-align: center;
    background-color: #FA7936;
    border: none;
}

form {
    display: none;
}