/* ===========================
   CONTACT
   BUMBY
=========================== */


.contact-section {


    position:relative;


    overflow:hidden;


    text-align:center;


    background:

    var(--pink-soft);


}





.contact-section::before {


    content:"";


    position:absolute;


    width:

    350px;


    height:

    350px;


    background:

    var(--pink);


    opacity:

    .18;


    border-radius:

    50%;


    top:

    -120px;


    left:

    -120px;


}





.contact-section::after {


    content:"";


    position:absolute;


    width:

    250px;


    height:

    250px;


    background:

    var(--lavender);


    opacity:

    .25;


    border-radius:

    50%;


    bottom:

    -100px;


    right:

    -80px;


}





.project-button {


    position:relative;


    z-index:1;


    display:inline-block;


    margin-top:

    30px;


    padding:

    18px 45px;


    border-radius:

    50px;


    background:

    var(--purple);


    color:white;


    font-size:

    1.15rem;


    font-weight:

    600;


    letter-spacing:

    .5px;


    transition:

    var(--transition-fast);


}





.project-button:hover {


    transform:

    translateY(-5px);


    box-shadow:

    var(--shadow-card);


}





.contact-note {


    position:relative;


    z-index:1;

    max-width:

    650px;

    margin:

    0 auto 35px;


    color:

    var(--brown);


    font-size:

    1.3rem;


    line-height:

    1.9;


}

.contact-mail {

    position:relative;

    z-index:1;

    margin-top:25px;

    color:var(--brown);

    font-size:1.3rem;

}

.contact-signature {

    position:relative;

    z-index:1;


    display:flex;

    justify-content:center;

    align-items:center;


    gap:15px;


    margin:

    25px 0;


    color:

    var(--purple);


    font-family:

    var(--font-title);


    font-size:

    1.5rem;

    font-weight: 600;


    font-style:

    italic;

    animation:

    signatureFloat 3s ease-in-out infinite;
}


/*
.contact-signature::before,
.contact-signature::after {

    content:"";


    width:

    50px;


    height:

    1px;


    background:

    var(--purple);


    opacity:.35;

}
*/
@keyframes signatureFloat {


    0%,
    100% {


        transform:

        translateY(0);


    }


    50% {


        transform:

        translateY(-6px);


    }

}

/* ===========================
   INSTAGRAM ICON
   BUMBY
=========================== */


.social-links {


    display:inline-flex;


    justify-content:center;


    align-items:center;


    transition:

    transform .3s ease;

    gap:25px;

}





.social-links img {


    width:

    50px;


    height:

    50px;


    object-fit:contain;


}





.social-links a {

    display:flex;

    transition:

    transform .3s ease;

}



.social-links a:hover {

    transform:

    translateY(-5px);

}

.social-links b {

    display:flex;

    transition:

    transform .3s ease;

}



.social-links b:hover {

    transform:

    translateY(-5px);

}