@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

.purple {
    background: #9013FE;
}

.red {
    background: #dd3f31;
}

.blue {
    background: #3c31dd;
}

.pink {
    background: #ff0066;
}

.dark {
    background: #0f0f10;
}

.grey {
    color: dimgrey;
}

.white {
    background: white;
}

.curve {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.curve svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 315px;
    transform: rotateY(180deg);
}

.curve .shape-fill {
    fill: #FFFFFF;
}

.waves2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.waves2 svg {
    position: relative;
    display: block;
    width: calc(121% + 1.3px);
    height: 80px;
    transform: rotateY(180deg);
}

.waves2 .shape-fill {
    fill: #FFFFFF;
}