body { font-family: sans-serif; }
#table-of-contents {
    /* visibility: hidden; */
    position: fixed;
    top: 5em;
    right: 1em;
    font-size: 70%;
    font-weight: 600;
    max-height: 90%;
    width: auto;
    max-width: 80%;
    background-color: rgba(240, 240, 240, .85);
    border: 1px solid rgba(20, 20, 20, .60);
    box-shadow: -5px 5px 5px rgba(20, 20, 20, .20);
   z-index: 11;
    padding: .5em;
    overflow: auto;
}

#table-of-contents h2 {
    /* display: none; */
    text-align: center;
    font-size: 110%;
}
#table-of-contents ul {
    display: none;
    padding-left: 1em;
}
#table-of-contents li {
    padding-bottom: .2em;
    color: blue;
}
#table-of-contents ul.open {
    visibility: visible;
    display: block;
}
#table-of-contents a {
    text-decoration: none;
}
#table-of-contents a:visited {
    color: inherit;
}