/*.bodyPos
{  
    border: 1px   rgba(0,0,0,0);
    position: absolute;
    top: 50%; 
    left: 50%;
    margin-right: -50%;*/

    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}*/
    


.MPosError1
{
    position: absolute;
    left: -8.1px;   
    top: -3px;
}

.MPosError2
{
    position: absolute;
    left: -45px;
    top: 115px;
    transform: rotate3d(0, 0, 1, -45deg);
}


.Mcube1-1
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 25px;
    background-color: #17fc03;
    position: relative;
    left: 60px;
    top: 240px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-2
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: relative;
    left: 60px;
    top: 152px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-3
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: relative;
    left: 60px;
    top: 64px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-4
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: relative;
    left: 106px;
    top:  20px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-5
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: relative;
    left: 152px;
    top: -48px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-6
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: absolute;
    left: 160px;
    top: 210px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube1-7
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: absolute;
    left: 160px;
    top: 252px;
    animation-name: changeColorFromGreen;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes changeColorFromGreen 
{
    0% {
    background-color: #17fc03;
    }

    25%{
        background-color: #fcf803;
    }

    50%{
        background-color: #17fc03;
    }

    75%{
        background-color: #fcf803;
    }
    
}

.Mcube2-1{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 60px;
    top: 196px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite; 
}

.Mcube2-2{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 60px;
    top: 108px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-3{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 60px;
    top: 20px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-4{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 83px;
    top: 20px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-5{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 129px;
    top: -25px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-6
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: relative;
    left: 152px;
    top: -93px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-7
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: absolute;
    left: 160px;
    top: 189px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Mcube2-8
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: absolute;
    left: 160px;
    top: 231px;
    animation-name: changeColorFromBlue;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes changeColorFromBlue
{
    0% {
        background-color: #034efc;
        }
    
        25%{
            background-color: #fc0303;
        }
    
        50%{
            background-color: #034efc;
        }
    
        75%{
            background-color: #fc0303;
        }
}