#Capa1 {
    background: white;
    width: 100%;
    height: auto;
    /*margin-top: -40px;*/
}

.cls-2 {
    animation: fondo 40s infinite;
}

@keyframes fondo {
    0%, 30% {fill: #000000; opacity: 1;}
    36%, 80% {fill: #ffffff; opacity: 0;}
    86%, 100% {fill: #000000; opacity: 1;}
    
    /*
    0%, 5% {
        
    }
    6%, 10% {
        fill: #000000;
        opacity: 1;
    }
    11%, 15% {
        
    }
    16%, 20% {
        fill: #696969;
        opacity: 1;
    }
    21%, 25% {
        
    }
    26%, 30% {
        fill: #000000;
        opacity: 1;
    }
    31%, 35% {
        
    }
    36%, 40% {
        fill: #696969;
        opacity: 1;
    }
    41%, 45% {
        
    }
    46%, 50% {
        fill: #ffffff;
        opacity: 1;
    }
    51%, 55% {
        
    }
    56%, 60% {
        fill: #ffffff;
        opacity: 1;
    }
    61%, 65% {
        
    }
    66%, 70% {
        fill: #696969;
        opacity: 1;
    }
    71%, 75% {
        
    }
    76%, 80% {
        fill: #ffffff;
        opacity: 1;
    }
    81%, 85% {
        
    }
    86%, 90% {
        fill: #696969;
        opacity: 1;
    }
    91%, 95% {
        
    }
    96%, 100% {
        fill: #000000;
        opacity: 1;
    }
    */
}
    
.cls-1 {
    animation: logo 40s infinite;
}

@keyframes logo {
    0%, 5% {
        
    }
    6%, 10% {
        stroke: #ff0000;
        fill: #0000ff;
        opacity: 1;
    }
    11%, 15% {
        
    }
    16%, 20% {
        stroke: #0000ff;
        fill: #ff0000;
        opacity: 1;
    }
    21%, 25% {
        
    }
    26%, 30% {
        stroke: #ffffff;
        fill: #000000;
        opacity: 1;
    }
    31%, 35% {
        
    }
    36%, 40% {
        stroke: #0000ff;
        fill: #ff0000;
        opacity: 1;
    }
    41%, 45% {
        
    }
    46%, 50% {
        stroke: #ff0000;
        fill: #0000ff;
        opacity: 1;
    }
    51%, 55% {
        
    }
    56%, 60% {
        stroke: #ff0000;
        fill: #0000ff;
        opacity: 1;
    }
    61%, 65% {
        
    }
    66%, 70% {
        stroke: #0000ff;
        fill: #ff0000;
        opacity: 1;
    }
    71%, 75% {
        
    }
    76%, 80% {
        stroke: #000000;
        fill: #ffffff;
        opacity: 1;
    }
    81%, 85% {
        
    }
    86%, 90% {
        stroke: #0000ff;
        fill: #ff0000;
        opacity: 1;
    }
    91%, 95% {
        /*opacity: 0.1;*/
    }
    96%, 100% {
        stroke: #ff0000;
        fill: #0000ff;
        opacity: 1;
    }
}