/* ==================== */
/* Decorative Shapes    */
/* ==================== */

.shape-back,
.shape-front {
    position: absolute;
    bottom: 0;
    right: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    pointer-events: none;
}

.shape-back {
    width: 815px;
    height: 208px;
    background-color: #f05b89;
    opacity: 1;
    z-index: 0;
}

.shape-front {
    width: 430px;
    height: 335px;
    background-color: #7C51A1;
    opacity: 0.6;
    z-index: 1;
}