.navbar-dark .brand-link {
  color: #fff;
}
.navbar-light .brand-link {
  color: #333;
}
.light-mode .center-index a {
  color: #333;
}
.s-container {
  overflow: hidden;
}
.center-index .image {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  overflow: hidden;
}
.center-index .image img {
  width: 100%;
  height: 100%;
}
.center-index :nth-child(1) .image {
  background-color: #18ab64;
}
.center-index :nth-child(2) .image {
  background-color: #ef5c48;
}
.center-index :nth-child(3) .image {
  background-color: #f27c0e;
}
.center-index :nth-child(4) .image {
  background-color: #f29b18;
}
.center-index :nth-child(5) .image {
  background-color: #8337fb;
}
.center-index :nth-child(6) .image {
  background-color: #0067c5;
}
.center-index :nth-child(7) .image {
  background-color: #c7d1db;
}
.center-index :nth-child(8) .image {
  background-color: #319dff;
}
@media (max-width: 767px) {
  .center-index .image {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    overflow: hidden;
  }
  .center-index .image img {
    width: 100%;
    height: 100%;
  }
}