.navbar-toggler {
    border-radius: 16%;
    background-color: #367baf !important;
    border-left: 0.7vh solid rgb(97, 167, 247);
    border-top: 0.7vh solid rgb(97, 167, 247);
    border-right: 0.7vh solid rgb(97, 167, 247);
    color: white !important
}

.bg-dark {
    background-color: #2d3e50 !important;
}

.bg-dark li {
    border-radius: 16%;
    border-left: 0.5vh solid rgb(97, 167, 247);
    border-bottom: 0.5vh solid rgb(97, 167, 247);
    border-right: 0.5vh solid rgb(97, 167, 247);
    background-color: #2b6592;
}

.active { 
    border-left: 0.7vh solid rgb(3, 161, 3) !important;
    border-bottom: 0.7vh solid rgb(3, 161, 3) !important;
    border-right: 0.7vh solid rgb(3, 161, 3) !important;
}


.navbar-brand {
    position:relative;
    float:left;
    transition:opacity 700ms ease 100ms;
    opacity: 0;
  }
.scrolled .navbar-brand {
    opacity: 1;
  }