/* The container */
.parentable {
    display: grid ;
    grid-template-columns: repeat(3, 1fr) ;
    grid-template-rows: repeat(3, 1fr) ;
    grid-column-gap: 0px ;
    grid-row-gap: 0px ;
    width: 50px ;
    height: 50px ;
}

.div1a { grid-area: 1 / 2 / 2 / 3; }
.div2b { grid-area: 2 / 3 / 3 / 4; }
.div3c { grid-area: 3 / 2 / 4 / 3; }
.div4d { grid-area: 2 / 1 / 3 / 2; }
.div5cir { grid-area: 2 / 2 / 3 / 3; }

#circle {
    background: #1D2326;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #00ff13;
    font-family: Roboto;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
    
}
#cuadrado1 {
    background: #6A6A61;
    width: 25px;
    height: 25px;
    border-radius: 40px 40px 0px 0px;
    text-align: center;
    line-height: 28px;
}
#cuadrado2 {
    background: #6A6A61;
    width: 25px;
    height: 25px;
    border-radius: 27px 0px 0px 27px;
    text-align: center;
    line-height: 26px;
}
#cuadrado3 {
    background: #6A6A61;
    width: 25px;
    height: 25px;
    border-radius: 0px 0px 40px 40px;
    text-align: center;
}
#cuadrado4 {
    background: #6A6A61;
    width: 25px;
    height: 25px;
    border-radius: 0px 40px 40px 0px;
    text-align: center;
    line-height: 26px;
}
input#cbox1 {
    margin: 6px;
}
input#cbox2 {
    margin: 6px;
}
input#cbox3 {
    margin: 6px;
}
input#cbox4 {
    margin: 6px;
}
.parent {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    }
    
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 3 / 1 / 4 / 2; }
    .div3 { grid-area: 5 / 1 / 6 / 2; }
    .div4 { grid-area: 7 / 1 / 8 / 2; }
    .div5 { grid-area: 9 / 1 / 10 / 2; }
    .div6 { grid-area: 11 / 1 / 12 / 2; }
    .div7 { grid-area: 13 / 1 / 14 / 2; }
    .div8 { grid-area: 2 / 2 / 3 / 3; }
    .div9 { grid-area: 4 / 2 / 5 / 3; }
    .div10 { grid-area: 6 / 2 / 7 / 3; }
    .div11 { grid-area: 8 / 2 / 9 / 3; }
    .div12 { grid-area: 10 / 2 / 11 / 3; }
    .div13 { grid-area: 12 / 2 / 13 / 3; }
    .div14 { grid-area: 1 / 3 / 2 / 4; }
    .div15 { grid-area: 3 / 3 / 4 / 4; }
    .div16 { grid-area: 5 / 3 / 6 / 4; }
    .div17 { grid-area: 7 / 3 / 8 / 4; }
    .div18 { grid-area: 9 / 3 / 10 / 4; }
    .div19 { grid-area: 11 / 3 / 12 / 4; }
    .div20 { grid-area: 13 / 3 / 14 / 4; }
    .div21 { grid-area: 2 / 4 / 3 / 5; }
    .div22 { grid-area: 4 / 4 / 5 / 5; }
    .div23 { grid-area: 6 / 4 / 7 / 5; }
    .div24 { grid-area: 8 / 4 / 9 / 5; }
    .div25 { grid-area: 10 / 4 / 11 / 5; }
    .div26 { grid-area: 12 / 4 / 13 / 5; }
    .div27 { grid-area: 14 / 4 / 15 / 5; }
    .div28 { grid-area: 13 / 5 / 14 / 6; }
    .div29 { grid-area: 11 / 5 / 12 / 6; }
    .div30 { grid-area: 9 / 5 / 10 / 6; }
    .div31 { grid-area: 7 / 5 / 8 / 6; }
    .div32 { grid-area: 8 / 6 / 9 / 7; }
    .div33 { grid-area: 10 / 6 / 11 / 7; }
    .div34 { grid-area: 12 / 6 / 13 / 7; }
    .div35 { grid-area: 14 / 6 / 15 / 7; }
    .div36 { grid-area: 8 / 9 / 9 / 10; }
    .div37 { grid-area: 10 / 9 / 11 / 10; }
    .div38 { grid-area: 12 / 9 / 13 / 10; }
    .div39 { grid-area: 14 / 9 / 15 / 10; }
    .div40 { grid-area: 7 / 10 / 8 / 11; }
    .div41 { grid-area: 9 / 10 / 10 / 11; }
    .div42 { grid-area: 11 / 10 / 12 / 11; }
    .div43 { grid-area: 13 / 10 / 14 / 11; }
    .div44 { grid-area: 14 / 11 / 15 / 12; }
    .div45 { grid-area: 12 / 11 / 13 / 12; }
    .div46 { grid-area: 10 / 11 / 11 / 12; }
    .div47 { grid-area: 8 / 11 / 9 / 12; }
    .div48 { grid-area: 6 / 11 / 7 / 12; }
    .div49 { grid-area: 4 / 11 / 5 / 12; }
    .div50 { grid-area: 13 / 12 / 14 / 13; }
    .div51 { grid-area: 11 / 12 / 12 / 13; }
    .div52 { grid-area: 9 / 12 / 10 / 13; }
    .div53 { grid-area: 7 / 12 / 8 / 13; }
    .div54 { grid-area: 5 / 12 / 6 / 13; }
    .div55 { grid-area: 3 / 12 / 4 / 13; }
    .div56 { grid-area: 1 / 12 / 2 / 13; }
    .div57 { grid-area: 12 / 13 / 13 / 14; }
    .div58 { grid-area: 10 / 13 / 11 / 14; }
    .div59 { grid-area: 8 / 13 / 9 / 14; }
    .div60 { grid-area: 6 / 13 / 7 / 14; }
    .div61 { grid-area: 4 / 13 / 5 / 14; }
    .div62 { grid-area: 2 / 13 / 3 / 14; }
    .div63 { grid-area: 1 / 14 / 2 / 15; }
    .div64 { grid-area: 3 / 14 / 4 / 15; }
    .div65 { grid-area: 5 / 14 / 6 / 15; }
    .div66 { grid-area: 7 / 14 / 8 / 15; }
    .div67 { grid-area: 9 / 14 / 10 / 15; }
    .div68 { grid-area: 11 / 14 / 12 / 15; }
    .div69 { grid-area: 13 / 14 / 14 / 15; }
    .div70 { grid-area: 1 / 5 / 7 / 11; 
        background-color: #958976;
        background-image: url(img/banner-stage.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        
        margin: 0px 10px 10px 10px;
    }
    .div71 { grid-area: 2 / 11 / 3 / 12; }