:root {    
    --first: #b00e00;
    --second: #ffe9cc;
}

.breakin-logo {
    position:relative;
    width: 100%;
    background-color:red;
    background-image:url('../images/wall.jpg');
}
    
h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    font-weight: bold;
    width: 100%;
    text-align: center;

    font-size: 4rem;
    background: linear-gradient(
    -45deg, 
    var(--first) 25%, 
    var(--second) 25%, 
    var(--second) 50%, 
    var(--first) 50%, 
    var(--first) 75%, 
    var(--second) 75%, 
    var(--second));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 20px 20px;
    background-position: 0 0;
    animation: movecolors 1s linear infinite;
}	
  
@keyframes movecolors {
    100% { 
        background-position: 20px 0, 20px 0, 20px 0;
    }
}