/* ////////////////////////////// THIS TASK STEP 1 ////////////////////////////// */

#field[data-task="1"] .image.task_description {
    top: 16px;
    left: 34px;
    width: 490px;
    height: 40px;
    font-size: 23px;
    padding: 0px 16px 0;
    border-radius: 10px;
}

#field[data-task='1'] #image1{
  left: 35px;
  top: 93px;
}

.__draggable_st1,
.__droppable_st1 {
    width: 200px;
    height: 50px;
    border-radius: 5px;
}

.__draggable_st1 {
    left: 726px;
    font-size: 20px;
    line-height: 20px;
    padding-top: 2px;
}

.__droppable_st1 {
    top: 336px;
}
/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='1'] #draggable1{
  top: 156px;
}

#field[data-task='1'] #draggable2{
  top: 222px;
}

#field[data-task='1'] #draggable3{
  top: 288px;
}



/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='1'] #droppable1{
  left: 46px;
}

#field[data-task='1'] #droppable2{
  left: 275px;
}

#field[data-task='1'] #droppable3{
  left: 506px;
}

/* ////////////////////////////// THIS TASK STEP 2 ////////////////////////////// */
#field[data-task="2"] .image.task_description {
    top: 12px;
    left: 34px;
    width: 260px;
    height: 43px;
    font-size: 23px;
    padding: 3px 20px 0;
    border-radius: 10px;
}

#field[data-task='2'] #image1{
  left: 37px;
  top: 92px;
}

.__draggable_st2,
.__droppable_st2 {
    width: 126px;
    height: 48px;
}

.__draggable_st2{
    left: 667px;
    font-size: 20px;
    padding-top: 3px;
}


/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='2'] #draggable1{
    top: 94px;
}

#field[data-task='2'] #draggable2{
    top: 94px;
    left: 800px;
}

#field[data-task='2'] #draggable3{
    top: 158px;
}

#field[data-task='2'] #draggable4{
    top: 158px;
    left: 800px;
}

#field[data-task='2'] #draggable5{
    top: 218px;
    padding-top: 0px;
    line-height: 20px;
}

#field[data-task='2'] #draggable6{
    left: 800px;
    top: 218px;
    padding-top: 0px;
    line-height: 20px;
}

#field[data-task='2'] #draggable7{
    top: 280px;
}

#field[data-task='2'] #draggable8{
    left: 800px;
    top: 280px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable9{
    top: 342px;
    line-height: 20px;
    padding-top: 0;
}

#field[data-task='2'] #draggable10{
    left: 800px;
    top: 342px;
    line-height: 20px;
    padding-top: 0;
}
/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='2'] #droppable1{
    left: 196px;
    top: 138px;
}

#field[data-task='2'] #droppable2{
    left: 359px;
    top: 138px;
}

#field[data-task='2'] #droppable3{
    left: 522px;
    top: 138px;
}

#field[data-task='2'] #droppable4{
    left: 196px;
    top: 202px;
}

#field[data-task='2'] #droppable5{
    left: 522px;
    top: 202px;
}

#field[data-task='2'] #droppable6{
    left: 196px;
    top: 267px;
}

#field[data-task='2'] #droppable7{
    left: 359px;
    top: 267px;
}

#field[data-task='2'] #droppable8{
    left: 522px;
    top: 267px;
}

#field[data-task='2'] #droppable9{
    left: 196px;
    top: 332px;
}

#field[data-task='2'] #droppable10{
    left: 522px;
    top: 332px;
}


/* ////////////////////////////// THIS TASK STEP 3 ////////////////////////////// */

#field[data-task="3"] .image.task_description {
    top: 14px;
    left: 34px;
    width: 320px;
    height: 40px;
    font-size: 24px;
    padding: 0px 16px 0;
    border-radius: 10px;
}

#field[data-task='3'] #image1{
  left: 36px;
  top: 93px;
}

.__draggable_st3,
.__droppable_st3 {
    width: 186px;
    height: 48px;
}

.__draggable_st3{
    top: 286px;
    font-size: 20px;
    padding-top: 4px;
}

.__droppable_st3 {
    top: 147px;
}

/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='3'] #draggable1{
    left: 84px;
}

#field[data-task='3'] #draggable2{
    left: 282px;
}

#field[data-task='3'] #draggable3{
    left: 480px;
}

#field[data-task='3'] #draggable4{
    left: 676px;
}

#field[data-task='3'] #draggable5{
    left: 84px;
    top: 344px;
}

#field[data-task='3'] #draggable6{
    left: 282px;
    top: 344px;
}

#field[data-task='3'] #draggable7{
    left: 480px;
    top: 344px;
}

#field[data-task='3'] #draggable8{
    left: 676px;
    top: 344px;
}


/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='3'] #droppable1{
    left: 62px;
}

#field[data-task='3'] #droppable2{
    left: 260px;
}

#field[data-task='3'] #droppable3{
    left: 458px;
}

#field[data-task='3'] #droppable4{
    left: 714px;
}

#field[data-task='3'] #droppable5{
    left: 62px;
    top: 207px;
}

#field[data-task='3'] #droppable6{
    left: 260px;
    top: 207px;
}

#field[data-task='3'] #droppable7{
    left: 458px;
    top: 207px;
}

#field[data-task='3'] #droppable8{
    left: 714px;
    top: 207px;
}