.undef_obj {
    width: 100%;
    height: 100%;
    min-width: 150px;
    min-height: 150px;
    background-color: lightgray;
    transition: background-color 0.3s, transform 0.3s;
}

.undef_obj:hover {
    background-color: gray;
}

#obj01{
    grid-column: span 3;
    grid-row: 4 / span 3;
    order:10;
}

#obj02{
    grid-column: 4 / span 3;
    grid-row: 1 / span 3;
    order:20;
}

#obj03{
    grid-column: 7 / span 3;
    grid-row: 4 / span 3;
    order:30;
}

#obj04{
    grid-column: 10 / span 3;
    grid-row: 1 / span 3;
    order:40;
}

#obj06{
    grid-column: 6 / span 2;
    grid-row: 11 / span 3;
    order:60;
}

#obj05{
    grid-column: 10 / span 3;
    grid-row: 9 / span 3;
    order:50;
}

#obj07{
    grid-column: 3 / span 3;
    grid-row: 17 / span 3;
    order:70;
}

#obj08{
    grid-column: 1 / span 3;
    grid-row: 13 / span 3;
    order:80;
}

#obj09{
    grid-column: 8 / span 2;
    grid-row: 18 / span 3;
    order:90;
}

#obj10{
    grid-column: 10 / span 3;
    grid-row: 22 / span 4;
    order:100;
}

#obj11{
    grid-column: 6 / span 3;
    grid-row: 24 / span 3;
    order:110;
}

#obj12{
    grid-column: 1 / span 3;
    grid-row: 25 / span 3;
    order:120;
}

#obj13{
    grid-column: 2 / span 3;
    grid-row: 30 / span 3;
    order:130;
}

#obj14{
    grid-column: 7 / span 3;
    grid-row: 31 / span 3;
    order:140;
}

#obj15{
    grid-column: 10 / span 3;
    grid-row: 34 / span 4;
    order:150;
}

#obj16{
    grid-column: 6 / span 3;
    grid-row: 37 / span 3;
    order:160;
}

#obj17{
    grid-column: 1 / span 3;
    grid-row: 38 / span 3;
    order:170;
}

#obj18{
    grid-column: 2 / span 3;
    grid-row: 43 / span 3;
    order:180;
}

#obj19{
    grid-column: 6 / span 3;
    grid-row: 44 / span 3;
    order:190;
}

#obj20{
    grid-column: 10 / span 3;
    grid-row: 44 / span 3;
    order:200;
}



.grid_heading {
    display: none;   
}

#h01 {
    display: block;
    grid-column: 2 / span 3;
    grid-row: 9 / span 2;
    order:35;
}

#h02 {
    display: block;
    grid-column: 7 / span 6;
    grid-row: 15 / span 2;
    order:65;
}

#h03 {
    display: block;
    grid-column: 1 / span 5;
    grid-row: 21 / span 2;
    order:95;
}

#h04 {
    display: block;
    grid-column: 6 / span 7;
    grid-row: 28 / span 2;
    order:125;
}

#h05 {
    display: block;
    grid-column: 2 / span 4;
    grid-row: 34 / span 2;
    order:155;
}

#h06 {
    display: block;
    grid-column: 8 / span 5;
    grid-row: 41 / span 2;
    order:185;
}