.wrapper{
    background: url(images/bg.png);
}
    main{position:relative;width:1024px;height: 621px;margin:0 auto;overflow:hidden}
        span{font-family:Ubuntu;font-size: 21px;font-weight:600;display:block;position:absolute;min-width:50px;min-height:32px}
            .dropp{color:#75240C;text-align: right;width: 97px;height: 46px;/* background-color:#FFF; */border: 2px dashed #75240C;border-radius:8px}
                #drop1{left:53px;top: 50px;}
                #drop2{left: 53px;top: 100px;}
                #drop3{left: 53px;top: 150px;}
                #drop4{left: 53px;top: 200px;}
                #drop5{left: 53px;top: 250px;}
                #drop6{left: 53px;top: 300px;}
            .dragg{cursor:pointer;color: #75240C;text-align:center;background-color:#D3D1FC;border: 2px solid #75240C;width: 46px;height: 46px;padding-top: 6px;}
#drag1 {
  left: 91px;
  top: 389px;
}


#drag5 {
  left: 91px;
  top: 433px;
}


#drag3 {
  left: 91px;
  top: 477px;
}


#drag4 {
  left: 260px;
  top: 468px;
}


#drag2 {
  left: 260px;
  top: 511px;
}


#drag6 {
  left: 260px;
  top: 555px;
}
		
		.rzepak {
    background-image: url(images/spritesheet.png);
    background-image: url(images/sprite00.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 627px;
    height: 537px;
    left: 398px;
    top: 210px;
    z-index: 0;
}

@font-face{font-family:'Ubuntu';src:url(./fonts/Ubuntu-Regular.ttf)}


main > * {
    position: absolute;
}

.dandd {
    top: 0px;
    left: 110px;
    z-index: 20;
}

span b {
    display: block;
    font-size: 29px;
    font-family: monospace;
    position: absolute;
    left: -140px;
    top: 4px;
    width: 120px;
}

.dragg b {
    display: block;    font-size: 29px;    font-family: monospace;    position: absolute;    
    background-color: #D3D1FC;    border: 2px solid #75240C;
    padding-top: 4px;
    left: 46px;    
    top: -2px;    
    width: 46px;    height: 46px;
}