.text{

    color: #000000;

    font-size: 38px;

    font-weight: bold;

    display: inline-block;

    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);

    background-size: 400% 100%;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    animation-name: gradationTextAnimation;

    animation-duration: 8s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}

​

@keyframes gradationTextAnimation{

    0%{

        background-position: 0 0;

    }

    50%{

        background-position: 100% 0;

    }

    100%{

        background-position: 0 0;

    }

}

​

/* --------------- */

/* リセット */

/* --------------- */

​

.container{

    width: 90%;

    margin: 0 auto;

    padding: 60px 0;

}