body {
    background-color: #220022;
    color: white;
    font-size: 115%;
}

li {margin-bottom: 0.5em;}

blockquote {
    border-style: dashed;
    border-width: medium;
    border-color: #00aa00;
    border-radius: 25px;
    padding: 0em 1em 0em 1em;
    background-color: #282800;
}

table {
    border: medium solid #00aa00;
    border-collapse: collapse;
    padding: 1em;
    background-color: #220000;
}

tr {
    border-bottom: medium solid #00aa00;
    padding: 0.5em 1em 0.5em 1em;
}
td {
    border-right: medium solid #00aa00;
    padding: 0.5em 1em 0.5em 1em;
}

thead {
    background-color: #00727d;
    color: #00ff00;
    font-size: 140%;
}
thead tr {border-bottom: thick solid #00aa00; padding: 0.5em 1em 0.5em 1em;}
thead th {border-right: medium solid #00aa00; padding: 0.5em 1em 0.5em 1em;}

.content {
    background-color: #002222;
    padding: 2em;
    border: medium solid #00aa00;
    border-radius: 25px;
}

.creator {
    text-align: center;
}

#table-of-contents {
    text-align: left;
    /* border-bottom-width: medium; */
    /* border-bottom-style: solid; */
    /* border-bottom-color: #00aa00; */
}

#text-table-of-contents li  {
    list-style-type: none;
    margin-bottom: 0.1em;
}

a:link {color: #00bfff;}
a:visited {color: #8877ff;}
a:hover {color: #ff6500;}
a:active {color: red;}

h1 {
    color: #00ff00;
    background-color: #00727d;
    padding: 9px;
    border-width: thick;
    border-style: solid;
    border-radius: 15px;
    border-color: #00aa00;
}
h2 {color: #dd00dd;}
h3 {color: #adff2f;}
h4 {color: #00ffff;}
h5 {color: red;}
h6 {color: orange;}