#myDIV {
    width: 100%;
    height: 100vh;
    background: rgba(0,41,91,0);
    animation: mymove 12s infinite;
    transition-timing-function: ease-in;
}

#myDIVtext {
    background: rgba(0,41,91,0);
    animation: mymovetext 10s infinite;
    transition-timing-function: ease-in;
}

@keyframes mymovee {
    from {
        background-color: rgba(0,41,91,0.65);
    }
    to {
        background-color: rgba(49,155,205,0.65);
    }
}

@keyframes mymove {
    0% {
        background: rgba(0,0,0,0.6);
    }
    10% {
        background: rgba(0,0,0,0.5);
    }
    20% {
        background: rgba(0,0,0,0.4);
    }
    30% {
        background: rgba(0,0,0,0.3);
    }
    40% {
        background: rgba(0,0,0,0.3);
    }
    50% {
        background: rgba(0,0,0,0.2);
    }
    60% {
        background: rgba(0,0,0,0.3);
    }
    70% {
        background: rgba(0,0,0,0.3);
    }
    80% {
        background: rgba(0,0,0,0.4);
    }
    90% {
        background: rgba(0,0,0,0.5);
    }
    100% {
        background: rgba(0,0,0,0.6);
    }
}

@keyframes mymovetext {
    0% {
        color: #fff;
    }
    10% {
        color: #fff;
    }
    20% {
        color: #edf7ce;
    }
    30% {
        color: #dbef9d;
    }
    40% {
        color: #cae66b;
    }
    50% {
        color: #a6d609;
    }
    60% {
        color: #c8f902;
    }
    70% {
        color: #97dc21;
    }
    80% {
        color: #82d305;
    }
    90% {
        color: #cded9b;
    }
    100% {
        color: #fff;
    }
}

@keyframes mymovetext2 {
    0% {
        color: rgb(255,255,255);
    }
    17% {
        color: #319bcd;
    }
    34% {
        color: #fff;
    }
    51% {
        color: #7638c2;
    }
    68% {
        color: #fff;
    }
    85% {
        color: #004b87;
    }
    100% {
        color: #fff;
    }
}