/* ===========================
   FOOTER
   BUMBY
=========================== */


footer {


    position:relative;


    padding:

    45px 20px;


    background:

    var(--purple);


    color:white;


    text-align:center;


    overflow:hidden;




}





footer::before {


    content:"";


    position:absolute;


    width:

    250px;


    height:

    250px;


    background:

    var(--pink);


    opacity:

    .15;


    border-radius:

    50%;


    top:

    -120px;


    left:

    -80px;


}





footer::after {


    content:"";


    position:absolute;


    width:

    200px;


    height:

    200px;


    background:

    var(--lavender);


    opacity:

    .15;


    border-radius:

    50%;


    bottom:

    -100px;


    right:

    -70px;


}





footer p {


    position:relative;


    z-index:1;


    margin:

    0;


    font-family:

    var(--font-title);


    font-size:

    1.6rem;

    font-weight: 600;


    letter-spacing:

    .5px;


}





@media(max-width:600px){


    footer {


        padding:

        35px 20px;

    }



    footer p {


        font-size:

        1rem;

    }


}