h1.title {
  font-size: 40px;
}

h1, #TOC>ul>li {
  color: #212121;
}

h2, #TOC>ul>li {
  color: #9e9e9e;
}

h3, #TOC>ul>ul>li {
  color: #000000;
}

figcaption {
  padding: .5em;
  background: lightgrey;
  font-size: 10px;
  font-variant: italic;
}

.tocify-wrapper .tocify-item a {
  font-size: 14px;  /* Adjust the font size */
  padding-left: 20px; /* Adjust the indentation */
}

.tocify-wrapper .tocify-header {
  font-size: 16px; /* Adjust the header font size if needed */
  padding-left: 10px; /* Adjust if headers need indentation */
  font-weight: bold; /* Make it bold like the navbar headers */
}

.tocify-wrapper .tocify-header a {
  padding-left: 0px; /* No indentation for top-level TOC items */
}

.navbar .dropdown-menu > li > a {
  font-size: 12px;  /* Adjust the font size */
  padding-left: 40px; /* Adjust the indentation */
}

.navbar .dropdown-menu > li > a:not(.submenu-header) {
  padding-left: 20px; /* No indentation for the top-level items */
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tab-content {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    padding: 10px;
}

.nav-pills .nav-link {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    margin-right: 0.2rem;
    color: #007bff;
}

.nav-pills .nav-link.active {
    background-color: #fff;
    color: #007bff;
    border-color: #007bff;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}