.table-of-contents {
  background-color: #dadada;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 12px;
  border: 1px solid #c4c4c4;
  border-left: 4px solid #3789AD;
}


/* .table-of-contents h2:first-child {
  font-size: 1.2rem;
} */

/* .table-of-contents ul:first-child {
  font-size: 16px;
} */

.table-of-contents h2 {
  padding-top: 1px;
  margin-bottom: 15px;
  padding-left: 8px;
}

.table-of-contents ul {
  list-style-type: disc;
  padding: 0;
  margin-left: 30px;
}

.table-of-contents li {
  margin-bottom: 8px;
}

.table-of-contents a {
  color: black;
  text-decoration: none;
}

.table-of-contents a:hover {
  text-decoration: underline;
}