#red {
    height: 1400px;
    background-color: red;
}

#yellow {
    height: 25%;
    background-color: yellow;
}

#grey {
    font-size: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
}

#image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60%;
}

#image img {
    border-radius: 50em;
    height: 100%;
}

#name {
    height: 20%;
    font-size: 3em;
    display: flex;
    align-items: center;
}

#blue {
    height: 70%;
    background-color: blue;
}

#blue .col-lg-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3em;
}
a{
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}


button{
    background-color: red;
    width: 100%;
    border-radius: 100px;
}
#grey{
    background:linear-gradient(90deg, red, yellow, green,blue) ;
    background-size: 400%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    animation: animate 15s linear infinite;
}


@keyframes animate{
    0%{
        background-position: 0%;
    }
    100%{
        background-position: 400%;
    }
}