#grad
{

text-transform: uppercase;
background-image: linear-gradient(
    270deg,
    #008088 0%,
    #003535 50%,
    #004244 100%

);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
    margin: auto;
    width: 100%;
}

@media screen and (min-width: 601px) {
    #grad {
        font-size: 72px;
    }
}

@media screen and (max-width: 600px) {
    #grad {
        font-size: 34px;
    }
}


@keyframes textclip {
to {
    background-position: 200% center;
}
}