:root {
    font-size: 17px
}

@media (min-width: 768px) {
    :root {
        font-size:19px
    }
}

@media (min-width: 1024px) {
    :root {
        font-size:19px
    }
}

@media (min-width: 2000px) {
    :root {
        font-size:24px
    }
}


.gradient-overlay {
    background: linear-gradient(90deg, rgba(102,98,241,0.9) 10%, rgba(249,80,83,0.9) 90%);
}
.shaping {
    -webkit-mask: url('data:image/svg+xml,<svg width="1309" height="452" viewBox="0 0 1309 452" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" fill-rule="evenodd" clip-rule="evenodd" d="M0 -85H1309V301.5C1309 301.5 1028.49 244.867 851 269C673.51 293.133 524.695 425.168 351 448C177.305 470.832 0 380.629 0 380.629L0 -85Z" fill="black" /></svg>') bottom/cover no-repeat;
    mask: url('data:image/svg+xml,<svg width="1309" height="452" viewBox="0 0 1309 452" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" fill-rule="evenodd" clip-rule="evenodd" d="M0 -85H1309V301.5C1309 301.5 1028.49 244.867 851 269C673.51 293.133 524.695 425.168 351 448C177.305 470.832 0 380.629 0 380.629L0 -85Z" fill="black" /></svg>') bottom/cover no-repeat;
    height: 100%;
    z-index: 0;
}