@media(max-width: 569px){

    .draggable2{
        padding: 0.3vw !important;
        border-width: 1px !important;
    }

}


.draggable2{
    border-color: #e25f07;
    border-radius: 10px;
    border-width: 3px;
    border-style: solid;
    width: 10vw;
    height: 7vh;
    display: flex;
    flex-direction: row;
    margin-left: 0.5vw;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0.3vw;
    cursor: move;
    font-size: 1vw;
    
}

.draggable3{
    height: 7vh;
    display: flex;
    flex-direction: row;
    margin-left: 0.5vw;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0.3vw;
    cursor: move;
    font-size: 1vw;
    
}

.area{
    position: relative;
    display: flex;
    height: 27vh;
    width: 36.2vw;
    align-items: center;
    justify-content: center;
    margin-left: 1vw;
    flex-direction: row;
    flex-wrap: wrap;
}

.lisa{
    border-color: #e25f07;
    border-radius: 10px;
    border-width: 3px;
    border-style: solid;
}

.tracejada{
    border-color: #e25f07;
    border-radius: 10px;
    border-width: 3px;
    border-style: dashed;
}

.tracejada2{
    border-color: #e25f07;
    border-radius: 10px;
    border-width: 3px;
    border-style: dashed;
}

.hovered2{
    height: 28vh;
    width: 37vw;
}

.img12{
    height: 8vh;
}