#main {
    margin: 0;
    padding: 10px 10px 10px 10px;
    background-color: lightsteelblue;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 10px;
    grid-template-areas: 'title title'
        'select select'
        'list scatter'
        'list author';

}

#title-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 2px 2px #888888;
    grid-area: title;
    text-align: center;
    padding: 10px;
}

#main-select-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 2px 2px #888888;
    grid-area: select;
    text-align: center;
    padding: 10px;
}

#list-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 2px 2px #888888;
    grid-area: list;
    padding: 10px;
}

#scatter-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 2px 2px #888888;
    grid-area: scatter;
    padding: 10px;
    display: flex;
    justify-content: center;
}

#author-container {
    background-color: white;
    border-radius: 12px;
    box-shadow: 2px 2px #888888;
    grid-area: author;
    padding: 10px;
}

.select-container {
    /* background-color: darkgreen;     */
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.select-container-vertical {
    /* background-color: darkgreen;     */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.select-item {
    /* background-color: green;     */
    display: flex;
    min-width: 200px;
    margin: 5px 5px 5px 5px;
    text-align: left;
}

.select-box {
    min-width: 200px;
    margin: 5px 5px 5px 5px;
}

.select-box-subfield {
    min-width: 300px;
    margin: 5px 5px 5px 5px;
}

.scroll-container {
    /* background-color: darkgreen;     */
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    height: 80vh;
}

.fig-container {
    /* background-color: darkgreen;     */
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder {
    text-align: center;
    height: 30vh;
}

#fig-list {
    height: 3000px;
    width: 600px;
}

#fig-scatter {
    width: 35vh;
    height: 35vh;
}

#author-fig {
    height: 35vh;
    margin-top: 30px;
}

#author-title {
    text-align: center;
    font-size: 16pt;
    margin: 5px 5px 5px 5px;
}

#description {
    text-align: justify;
    margin: 15px 100px 15px 100px;
}