@keyframes animate
{
    0%{
        background-position: 0% 100%;
    }
    50%{
        background-position: 100% 0%;
    }
    100%{
        background-position: 0% 100%;
    }
}
.awesomeText{
    font-family: 'Noto Sans';
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color:  transparent;
    text-transform: uppercase;

    background-image:  linear-gradient(to right, rgba(255, 0, 0, 0.466),rgba(255, 255, 0, 0.432),rgba(0, 255, 255, 0.5),rgba(0, 255, 0, 0.459),rgba(0, 0, 255, 0.493));
    -webkit-background-clip:text;
    background-clip:text;
    animation:  animate 20s linear infinite;
    background-size: 1000%;
}
.text{
    position: fixed;
    top: 70px;
    left: 20px;
    text-decoration: none;
   transition: all 0.2s ease;
}
.text:hover{
    text-decoration: underline; 
    text-decoration-color: white;
    cursor: pointer;
}