body {
    background-color: black;
    overflow-x: hidden;
}

#container {
    width: 100vw;
    justify-content: center;
    height: 95vh;
    overflow-y: hidden;
    overflow-x: hidden;
}

#content {
    width: 900px;
    height: 95vh;
    display: grid;
    grid-template-columns: 75% 25%;
    grid-template-areas: "essay notes";
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 10px;
    overflow-x: hidden;

}

#essay {
    grid-area: essay;
    height: 95vh;
    margin-right: 10px;
    

}

#essay-window-body {
    overflow-y:scroll;
    overflow-x: hidden;
    height: 87vh;
    text-align: justify;
}

#notes {
    grid-area: notes;
    height: 95vh;

}

#endnotes {
    max-height: 50%;
    margin-bottom: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
}

#endnotes-window-body {
    overflow-y:scroll;
    overflow-x: hidden;
    height: 40.25vh;
}

#bibliography {
    max-height: 50%;
    margin-top: 5px;
    overflow-y: hidden;
    overflow-x: hidden;
}

#bibliography-window-body {
    overflow-y:scroll;
    overflow-x: hidden;
    height: 40.25vh;
}