body {
    background: var(--body);
    font-size: 1.2rem;
    min-width: 1000px;
}


#innerBody {
    width: 800px;
    position: relative;
    margin: auto;
}

h1{
    margin-top: 5%;
    color: var(--bordeau-red);
}

hr {
    height: 1px;
    background: var(--navigation-red);
    border: none;
}

table{
    margin-top: 5%;
    width: 100%;
}

td {
    vertical-align: top;
}

img {
    max-width: 80%;
}

.title {
    color: var(--bordeau-red);
    font-size: 1.3rem;
    font-weight: bold;
}

.nameFat {
    font-weight: bold;
}

.institution{}

.faculty{}

.department{}

.project{}

.name{}

.bracket{}

.url{}

.space{
    height: 20px;
}

#indexContainer{
    position: sticky;
    float: left;
    top: 0px;
    left: 0px;
    background: var(--body);
    z-index: 1;
    border-right: solid 1px black;
}


#index {
    margin: 40px 10px 100px 10px;
}


@media (max-width: 1000px) {
    #indexContainer {
        width: 100vw;
        border-bottom: solid 1px black;
        border-right: unset;
    }

    #index {
        margin: 20px auto 20px 20px;
    }
}

.indexLink{
    font-size: 1.5rem;
    color: rgb(88, 170, 199);
    font-family: sans-serif;
    text-decoration: none;
}

.indexLink:hover {
    color: #148bb6
}