/* ************ BOTTOM NAV ************ */
    .bottom-nav{
        position:fixed;
        bottom:0;
        width:100%;
        height:65px;

        background: linear-gradient(
            to bottom right,
            #dfb4c7 0%,
            #90404f 100%
        );

        display:flex;
        justify-content:space-around;
        align-items:center;

        border-top-left-radius:18px;
        border-top-right-radius:18px;

        backdrop-filter:blur(8px);
        z-index:15;
    }
    .bottom-nav i{
        font-size:26px;color:white;opacity:0.8;font-weight:100;
        transition:0.3s;cursor:pointer;
    }
    .bottom-nav i:hover{opacity:1;}

    /* ************ VERSION DESKTOP ************ */
    @media (min-width: 900px) {

        .bottom-nav{
            height:70px;
            border-top-left-radius:24px;
            border-top-right-radius:24px;
        }

    }