/* start of navbar */
.navbar{
    background-color: var(--dark-color);
}

.navbar .navbar-nav .nav-link,.navbar .navbar-brand{
    color: white;
}
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover{
    color: var(--green-color);
}

.navbar .navbar-toggler{
    color: white;
    border-color: white;
}
.navbar .navbar-toggler:focus{
    box-shadow: none;
}

.navbar .line-sperator{
    color: white;
    font-size: 2rem;
}
/* end of navbar */