.nav-bar{
    background-color: var(--background-dark);
    display:flex;
    width:100%;
    justify-content:center;
}

.nav-links-group{
    display:flex;
    justify-content: space-evenly;
    width:80%;
}
.nav-b{
    font-size:1.2rem;
    padding: 1rem 1.6rem;
    color:var(--text-color-main);
    text-decoration: none;
    text-wrap: nowrap;
}
.g-ico-h{
    border:none;
    background:none;
    cursor:pointer;
}
.g-ico-h img{
    width:2.4rem;
}
.m-tn-C{
    display:none;
    position:relative;
    margin-left:auto;
    cursor:pointer;
}
.nav-links-mobile{
    background-color:var(--background-dark);
    position:absolute;
    display:flex;
    flex-direction:column;
    right:0.4rem;
    width:fit-content;
    box-shadow: 0 0 2px 0 var(--text-color-main);
    z-index:1;
    display:none;
    top:100%;
}

@media only screen and (max-width:40rem){
    .m-tn-C{
        width:100%;
        display:flex;
        justify-content:space-between;
    }
    .nav-links-group{
        display:none;
    }
}