/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon {
  color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

.oscuro .navbar{
    position: fixed;
    background-color: rgb(36, 39, 61);
    border-bottom: solid 2px black;
}

.claro .navbar{
  position: fixed;
  background-color: rgb(69, 133, 163);
  border-bottom: solid 2px black;
}

.oscuro .offcanvas{
  
  background-color: rgb(36, 39, 61);
}

.claro .offcanvas{
  background-color: rgb(69, 133, 163);
}

.offcanvas-title{
  color:white;
}