/* ==========================================
   BLOBS
========================================== */

.blob{
    position:absolute;
    z-index:-1;
    pointer-events:none;
    border-radius:50%;
    filter:blur(80px);
}

/* ==========================================
   HERO
========================================== */

.blob-hero-purple{
    width:420px;
    height:420px;
    background:rgba(124,58,237,.12);

    top:-80px;
    right:-80px;
}

.blob-hero-peach{
    width:220px;
    height:220px;
    background:rgba(251,146,60,.10);

    bottom:20px;
    left:-50px;
}

/* ==========================================
   STORY
========================================== */

.blob-story{
    width:320px;
    height:320px;
    background:rgba(236,72,153,.08);
}

/* ==========================================
   CTA
========================================== */

.blob-cta{
    width:500px;
    height:500px;
    background:rgba(124,58,237,.08);
}

/* ==========================================
   GALLERY
========================================== */

.blob-gallery{
    width:260px;
    height:260px;
    background:rgba(167,139,250,.10);
}