/* =========================
   NAVBAR MENU
   ========================= */


.navbar-menu {



    align-items:center;

}



.navbar-links {

    display:flex;

    align-items:center;

    justify-content: center;

    gap:2rem;

    list-style:none;

    margin:0;

    padding:0;

}



.navbar-links a {

    color:var(--text-secondary);

    text-decoration:none;

    font-weight:500;

    transition:.25s;

}



.navbar-links a:hover {

    color:var(--text-primary);

}
.navbar-container {

    max-width:1200px;

    margin:auto;

    padding:1rem 1.5rem;

    display:flex;

    align-items:center;

    justify-content:center;

}
/* =========================
   NAVBAR RESPONSIVE
   ========================= */


.navbar-toggler {

    display:none;

    background:none;

    border:none;

    color:var(--text-primary);

    font-size:1.8rem;

    cursor:pointer;

}




@media (max-width: 768px) {
    .navbar-menu {

        display:flex;

    }


    .main-navbar {

        width:95%;

    }



    .navbar-container {
        flex-direction: column;

        padding:1rem;

    }



    .navbar-toggler {

        display:block;

    }



    .navbar-menu {

        width:100%;

    }



    .navbar-links {



        align-items:flex-start;
        flex-wrap: wrap;

        gap:1rem;

        padding:1.5rem 0 0;

    }



}