div {
    background-color: gray;
    width: 30px;
    height: 30px;
    /* margin-top: 2px; */
    border: 2px, #000000;
    border-style: solid;
    position: fixed;
}

button {
    z-index: 2;
    position: relative;
}
/* .visualCItems {
    background-color: gray;
    width: 30px;
    height: 30px;
    border: 2px, #000000;
    border-style: solid;
    position: fixed;
} */

/*/ Orange */
#L0 {
    left: 0;
    top: 145px;
} #L1 {
    left: 45px;
    top: 145px;
} #L2 {
    left: 90px;
    top: 145px;
} #L3 {
    left: 0;
    top: 190px;
} #L4 {
    left: 45px;
    top: 190px;
} #L5 {
    left: 90px;
    top: 190px;
} #L6 {
    left: 0;
    top: 235px;
} #L7 {
    left: 45px;
    top: 235px;
} #L8 {
    left: 90px;
    top: 235px;
}

/*/ White */
#U0 {
    left: 145px;
    top: 0;
} #U1 {
    left: 190px;
    top: 0;
} #U2 {
    left: 235px;
    top: 0;
} #U3 {
    left: 145px;
    top: 45px;
} #U4 {
    left: 190px;
    top: 45px;
} #U5 {
    left: 235px;
    top: 45px;
} #U6 {
    left: 145px;
    top: 90px;
} #U7 {
    left: 190px;
    top: 90px;
} #U8 {
    left: 235px;
    top: 90px;
}

/*/ Green */
#F0 {
    left: 145px;
    top: 145px;
} #F1 {
    left: 190px;
    top: 145px;
} #F2 {
    left: 235px;
    top: 145px;;
} #F3 {
    left: 145px;
    top: 190px;
} #F4 {
    left: 190px;
    top: 190px;
} #F5 {
    left: 235px;
    top: 190px;
} #F6 {
    left: 145px;
    top: 235px;
} #F7 {
    left: 190px;
    top: 235px;
} #F8 {
    left: 235px;
    top: 235px;
}

/*/ Yellow */
#D0 {
    left: 145px;
    top: 290px;
} #D1 {
    left: 190px;
    top: 290px;
} #D2 {
    left: 235px;
    top: 290px;;
} #D3 {
    left: 145px;
    top: 335px;
} #D4 {
    left: 190px;
    top: 335px;
} #D5 {
    left: 235px;
    top: 335px;
} #D6 {
    left: 145px;
    top: 380px;
} #D7 {
    left: 190px;
    top: 380px;
} #D8 {
    left: 235px;
    top: 380px;
}

/*/ Red */
#R0 {
    left: 290px;
    top: 145px;
} #R1 {
    left: 335px;
    top: 145px;
}#R2 {
    left: 380px;
    top: 145px;;
} #R3 {
    left: 290px;
    top: 190px;
} #R4 {
    left: 335px;
    top: 190px;
} #R5 {
    left: 380px;
    top: 190px;
} #R6 {
    left: 290px;
    top: 235px;
} #R7 {
    left: 335px;
    top: 235px;
} #R8 {
    left: 380px;
    top: 235px;
}

/*/ Blue */
#B0 {
    left: 435px;
    top: 145px;
} #B1 {
    left: 480px;
    top: 145px;
} #B2 {
    left: 525px;
    top: 145px;;
} #B3 {
    left: 435px;
    top: 190px;
} #B4 {
    left: 480px;
    top: 190px;
} #B5 {
    left: 525px;
    top: 190px;
} #B6 {
    left: 435px;
    top: 235px;
} #B7 {
    left: 480px;
    top: 235px;
} #B8 {
    left: 525px;
    top: 235px;
}