.content a:visited{
    color: blue;
}

div#toc ul {
    list-style-type: none;
}
div#toc {
    border: 1px solid black;
    display: inline-block;
    padding: 0px 15px 10px 0px;
    border-radius: 3px;
    background-color: #eadbc7;
}

body {
    margin: 0;
    background-color: #65390c;
}


.picture-table table{
    border: 1px solid black;
    border-collapse: collapse;
    background-color: black;
}

 .picture-table table td {
    border-spacing: 0;
    line-height: 0;

}
.tab{
     border: 1px solid black;
     border-collapse: collapse;
     background-color: black;
 }
.tab tbody tr td {
    border: 1px solid black;
}
.content {
    background-color: antiquewhite;
    border: 1px solid black;
    margin: 10px 5% 10px 18%;
    padding-left: 11px;
    padding-right: 11px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4), 0 12px 30px 0 rgba(0, 0, 0, 0.38);
    border-radius: 8px;
    font-family: "Fira Code";
}

.index {
    border-radius: 8px;
    list-style-type: none;
    padding-top: 10px;
    width: 15%;
    background-color: antiquewhite;
    position: fixed;
    height: 96%;
    overflow: auto;
    border: 1px solid black;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4), 0 12px 30px 0 rgba(0, 0, 0, 0.38);
}

.index ul{
    list-style-type: none;
    margin-left: -40px;
}

.index li a {
    display: block;
    color: #000;
    padding: 6px 20px;
    text-decoration: none;
}

.index li a.active {
    background-color: #4CAF50;
    color: white;
}

.index li a.not-ready {
    background-color: gray;
    color: white;
    cursor: not-allowed;
}

.index li a:hover:not(.active, .not-ready) {
    background-color: #555;
    color: white;
}