/* ===========================
   MOBILE NAV
   BUMBY
=========================== */


.mobile-nav {


    display:none;


}




@media(max-width:600px){



.mobile-nav {


    position:fixed;


    bottom:calc(20px + env(safe-area-inset-bottom));

    padding-bottom:
    calc(12px + env(safe-area-inset-bottom));


    left:50%;


    transform:

    translateX(-50%);


    width:

    calc(100% - 40px);


    background:

    rgba(255,255,255,.85);


    backdrop-filter:

    blur(15px);


    border-radius:

    40px;


    padding:

    12px 20px;


    display:flex;


    justify-content:space-around;


    align-items:center;


    z-index:150;


    box-shadow:

    0 20px 50px rgba(70,40,60,.18);


}





.mobile-nav a {


    display:flex;


    flex-direction:column;


    align-items:center;


    gap:3px;


    font-size:.75rem;


    color:

    var(--purple);


}





.mobile-nav a:first-line {


    font-size:1.3rem;


}



}