.R2PosError
{
    position: absolute;
    left: 100px;
    top: -240px;
    transform: rotate3d(0, 0, 1, 22.5deg);
}

.RotateRight22-5
{
    transform: rotate3d(0, 0, 1, 22.5deg);
}

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


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


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

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


.R2cube1-5
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: absolute;
    left: 616px;
    top: 169px;
    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;
    }
    
}


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


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

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

/*.Rcube2-4
{
    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;
        }
}