#maincontainer {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#maintext {
    width: 60%;
}

/* .selfdoc {
    background: #ddd;
    border: 1px solid #999;
    padding: 0em 2em 0em 2em;
    margin-bottom: 2em;} */

#maincomments {
    width: 36%;
    font-size: 10pt;

}

#commentsheader {
    text-align: center;
}

.whole-comment-div {
    background-color: #f5f5f5;
    margin-bottom: 15px;
}

.comment-div-header {
    display: flex;
    flex-direction: row-reverse;
}

.close-comment-div-span {
    
}

.comment-thread-container {
    
}

.individual-comment-thread {
    border: 1px solid black;
    margin-top: 4px;
}

.individual-comment-author-name {

}

.individual-comment-main-text {
    
}

.individual-comment-read-more-link {

}

.close-comment-div-span, .min-max-comment-content-span {
    color: #2e2ec8;
}

.close-comment-div-span:hover, .min-max-comment-content-span:hover {
    /* Darken the background */
    box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .2);
}



/* For the highlight, just make a classes from 1 to 5 or something.
TODO: find the max number of comments on a single piece of text */
/* The child then star selects all subchildren, not just immidiate ones */
/* #maincontainer > * .a1 {
    background-color: #fffdc5;
}

#maincontainer > * .a2 {
    background-color: #fff09a;

}

#maincontainer > * .a3 {
    background-color: #ffff66;
}

#maincontainer > * .a4 {
    background-color: #ffe26f;
}

#maincontainer > * .a5 {
    background-color: #e6cb73;
}

#maincontainer > * .a6 {
    background-color: #ecd886;
}

#maincontainer > * .a7 {
    background-color: #ecd167;
}

#maincontainer > * .a8 {
    background-color: #f0d66f;
}

#maincontainer > * .a9 {
    background-color: #ecc262;
}

#maincontainer > * .a10 {
    background-color: #d6ba48;
}

#maincontainer > * .a11 {
    background-color: #d1b64a;
}

#maincontainer > * .a12 {
    background-color: #bea43b;
}

#maincontainer > * .a13 {
    background-color: #c2a947;
}

#maincontainer > * .a14 {
    background-color: #c5af56;
}

#maincontainer > * .a15 {
    background-color: #bba23c;
}

#maincontainer > * .a16 {
    background-color: #ad9534;
}
#maincontainer > * .a17 {
    background-color: #a78e2a;
}
#maincontainer > * .a18 {
    background-color: #9b8323;
}
#maincontainer > * .a19 {
    background-color: #79661a;
}
#maincontainer > * .a20 {
    background-color: #77651e;
}

#maincontainer > * .a21 {
    background-color: #6b5b1b;
}

#maincontainer > * .a22 {
    background-color: #6d5d1c;
}

#maincontainer > * .a23 {
    background-color: #473b0b;
} */