.section2 {
    margin-top: 75px;
    background: rgb(3, 3, 17);
    width: 489px;
    height: 100px;
    position: absolute;
    left: 0;
    font-family:'Poppins', sans-serif;
    border: 1px transparent #5f5f5f;
    overflow: hidden;
}
    .text {

        position: relative;
        transform: skewy(345deg) translateY(-325px);
        animation: animateColor 5s linear infinite;
    }
    @keyframes animateColor {
        0% {
            filter:  hue-rotate(0deg);
        }
        100% {
            filter: hue-rotate(360deg);
        }
    }
        .text h2 {
            position: relative;
            width: 100%;
            font-size: 55px;
            color: #fff;
            pointer-events: none;
            white-space: nowrap;
            text-shadow: calc(var(--x)) 100px rgba(255,255,255,0.1);
            transform: translateX(calc(0% - var(--x) * var(--i)));
        }
            .text h2 span {
                color: #0f0;
                margin: 0 10px;
            }
                .text h2 span:nth-child(even) {
                    color: transparent;
                    -webkit-text-stroke: 2px #fff;
                }

.section3 {
    height: 50px;
}