/* ===========================
   BUMBY ATMOSPHERE
   DECORATIONS
=========================== */


/* FOND GLOBAL TEXTURE */


body {


    background-color:

    var(--cream);



    background-image:

    radial-gradient(
        rgba(140,111,174,.08) 1px,
        transparent 1px
    );


    background-size:

    25px 25px;



}





/* ELEMENTS FLOTTANTS GENERIQUES */


body::before {


    content:"";


    position:fixed;


    width:280px;

    height:280px;


    top:15%;

    left:-120px;


    background:

    radial-gradient(

        circle,

        var(--pink-soft),

        transparent 70%

    );


    opacity:.5;


    filter:blur(10px);


    pointer-events:none;


    z-index:-1;


}




body::after {


    content:"";


    position:fixed;


    width:300px;

    height:300px;


    bottom:10%;

    right:-120px;


    background:

    radial-gradient(

        circle,

        var(--sage),

        transparent 70%

    );


    opacity:.4;


    filter:blur(15px);


    pointer-events:none;


    z-index:-1;


}







/* PETITS ELEMENTS DECORATIFS */


.hero-content::after {


    content:"✦";


    position:absolute;


    font-size:3rem;


    color:var(--pink);


    right:20%;


    top:20%;


    animation:

    floating 5s ease-in-out infinite;


}




.hero-content {


    position:relative;


}








/* ANIMATION LEGERE */


@keyframes floating {


    0%,100% {


        transform:

        translateY(0);

        opacity:.7;


    }


    50% {


        transform:

        translateY(-15px);

        opacity:1;


    }


}