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


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

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

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

.Ycube1-4
{
    border: 1.5px solid #000000;
    width: 20px;
    height: 20px;
    background-color: #17fc03;
    position: absolute;
    left: 723px;
    top: 191px;
    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;
    }
    
}


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


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

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

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