/* About Page Blob Styles */
.blob-shape {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.blob-1 {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.2), transparent 70%);
    filter: blur(80px);
    top: 0;
    right: 0;
    margin-top: -3rem;
    /* mt-n5 equivalent roughly */
    margin-right: -3rem;
    /* me-n5 */
}

.blob-2 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.15), transparent 70%);
    filter: blur(60px);
    bottom: 0;
    left: 0;
    margin-bottom: -3rem;
    /* mb-n5 */
    margin-left: -3rem;
    /* ms-n5 */
}