/*.EPosError
{
    position: absolute;
    left: 10px;
    top: 10px;
    transform: rotate3d(0, 0, 1, -22.5deg);
}*/

.EPosError
{
    position: absolute;
    left: -90px;
    top: 85px;
    transform: rotate3d(0, 0, 1, -22.5deg);
}

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

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

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

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

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

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

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

.Ecube1-8
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: absolute;
    left: 263px;
    top: 210px;
    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;
    }
    
}

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

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

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

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


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


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


.Ecube2-7
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #034efc;
    position: absolute;
    left: 284px;
    top: 210px;
    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;
        }
}