.area1 {
    background-image: url(../img/M_G07_U03_L01_04/imgR-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: white;
    width: 1247px;
    height: 667px;
    position: absolute;
    left: 0%;
    top: 0%;
}
/* MATCHED */

.containerDrags {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 965px;
    top: 56%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.itemContainerDrag {
    width: 300px;
    height: 100px;
    border-radius: 10px;
    margin: 3px 0px 3px 0px;
    position: relative;
}

.letrasContent {
    font-family: 'cabinregular';
    font-size: 24px;
    position: absolute;
    top: 3px;
    left: 13px;
    letter-spacing: normal;
    color: white;
}

.drop1P1 {
    width: 300px;
    height: 100px;
    background-color: #706F6F;
    border-radius: 10px;
}

.contentClick {
    cursor: pointer;
    width: 597px;
    height: 153px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 510px;
    left: 320px;
    z-index: 2;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.campoMemoria ul {
    display: table-cell;
    margin: 0px;
}

.linea1 {
    background-color: #EF525B;
    width: 365.99px;
    height: 5px;
    left: 485px;
    top: 315px;
    position: absolute;
    -webkit-transform: rotate(-34.5deg);
    -ms-transform: rotate(-34.5deg);
    transform: rotate(-34.5deg);
}

.linea2 {
    background-color: #F9B233;
    width: 365.99px;
    height: 5px;
    left: 485px;
    top: 267px;
    position: absolute;
    -webkit-transform: rotate(19.5deg);
    -ms-transform: rotate(19.5deg);
    transform: rotate(19.5deg);
}

.linea3 {
        background-color: #59C6C6;
    width: 330.99px;
    height: 5px;
    left: 506px;
    top: 472px;
    position: absolute;
    -webkit-transform: rotate(-20.5deg);
    -ms-transform: rotate(-20.5deg);
    transform: rotate(-20.5deg);
}

.linea4 {
    background-color: #36A9E1;
    width: 399.99px;
    height: 5px;
    left: 473px;
    top: 430px;
    position: absolute;
    -webkit-transform: rotate(34.5deg);
    -ms-transform: rotate(34.5deg);
    transform: rotate(34.5deg);
}