@keyframes myAnimation {
    0% {
        top: -20px;
        background-color: rgb(0, 136, 255);
    }
    100%{
        top: 100vh;
        background-color: rgb(0, 18, 33);
    }
}
@keyframes anotherAnimation{
    0%{
        background-color: rgb(0, 136, 255);
    }
    50%{
        background-color: rgb(0, 18, 33);
    }
    100%{
        background-color: rgb(0, 136, 255);
    }
}

.rectangles{
    width: 20px;
    height: 20px;
    background-color: rgb(0, 136, 255);
    position: absolute;  
    animation: myAnimation 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
body{
    background-color: rgb(0, 136, 255);
    margin: 0;
    overflow: hidden;
    height: 100vh;
    
}

.container{
    width: 100vw;
    height: 100vh;
    position: relative;
    gap:20px;
    animation: anotherAnimation 20s linear infinite;
}