.app__logo {

display: flex;
align-items: center;
margin: 0 1rem;

a:hover {
        text-decoration: none;
}

&__image #logo-the-smoothie__path-2 {
        fill: green !important;
        animation: color-pulse 10s infinite;
        -moz-animation: color-pulse 10s infinite; /* Firefox */
        -webkit-animation: color-pulse 10s infinite; /* Safari and Chrome */
}

&__title {
        font-family: $font-headers;
        font-size: 3rem;
        margin-top: 2rem;
        font-weight: 700;

        a {
                color: red;
                animation: color-pulse 10s infinite;
                -moz-animation: color-pulse 10s infinite; /* Firefox */
                -webkit-animation: color-pulse 10s infinite; /* Safari and Chrome */    
        }
}

}

@keyframes color-pulse /* Safari and Chrome */ {

0% {fill:rgb(255, 100, 100); color:rgb(255, 100, 100);}
25% {fill:rgb(100, 255, 190); color:rgb(100, 255, 190);}
50% {fill:rgb(56, 190, 243); color:rgb(56, 190, 243);}
750% {fill:rgb(229, 100, 255); color:rgb(229, 100, 255);}
100% {fill:rgb(255, 100, 100); color:rgb(255, 100, 100);}

}