body {
    background-color: rgb(25, 20, 53);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: medium;
    text-align: justify;
    color: rgb(172, 195, 214);
    line-height: 150%;
}

h1 {
    text-align: center;
    font-weight: 540;
}

h6 {
    text-align: center;
}

table {
    margin-left: auto;
    margin-right: auto;
    width: 90%;

}

td {
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
    border: 1px solid beige;
}

th {

    border: 1px solid beige;
    font-size: large;
    text-align: center;
}

a,
a:visited,
a:link {
    font-weight: 540;
    text-decoration: none;
    color: rgb(255, 255, 255);
}

a:hover {
    text-decoration: none;
    color: grey;
}

img {
    max-width: 25%;
    height: auto;
    float: left;
}

.hlr {
    text-align: left;
    border: 0px;
}

.hll {
    text-align: right;
    border: 0px;
}

.hte {
    border: 0px;
    text-align: center;
}

.hta {
    margin: auto;
    width: 90%;
    white-space: nowrap;
    border: 0px;
}

.ll {
    height: auto;
    float: right;
}

.lr {
    height: auto;
}

.ht {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.sb {
    float: left;
    width: 80%;
    height: 200%;
}

.s {
    text-align: center;
    font-size: smaller;
}

.toc {
    width: 25%;
    height: 90%;
    text-align: left;
}

ul, li {
    text-align: left;
}

.mainc {
    width: 75%;
}

.tocf {
    width: 100%;
    height: 70vh;
}

.mainf {
    width: 100%;
    height: 70vh;
}

.lext {
    height: 65vh;
}

.ltoc {
    width: 20%;
    height: 90%;
    text-align: left;
}

.lmainc {
    width: 80%;
}