body{
    scroll-behavior: smooth;
}

.wrapper{
    max-width: 800px;
    width: 100%;
}


.sec-title {
    font-size: 8rem;
    line-height: 116px;
    font-weight: 700;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #0066ff 0%, #00c2ff 100%);
    background-size: 300% 100%;
    background-position-x: 0;
    background-repeat: repeat-x;
    padding: 4rem 2rem;
    -webkit-text-fill-color: transparent
}

.linear-text,
.sec-title {
    -webkit-background-clip: text
}

.linear-text {
    background-clip: text;
    color: transparent
}

@media (max-width:468px){
    .sec-title{
        font-size:4rem;
    }
}