/* main grid */
.main {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-min-content 3px -webkit-min-content 3px -webkit-min-content 3px minmax(100px, 1fr) 3px -webkit-min-content 3px -webkit-min-content;
    -ms-grid-rows: min-content 3px min-content 3px min-content 3px minmax(100px, 1fr) 3px min-content 3px min-content;
    grid-template-rows: repeat(3, -webkit-min-content) minmax(100px, 1fr) repeat(2, -webkit-min-content);
    grid-template-rows: repeat(3, min-content) minmax(100px, 1fr) repeat(2, min-content);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas:
        "title"
        "abstract"
        "top"
        "center"
        "legend"
        "nav";
    grid-gap: 3px 0px;
}

.title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: "title";
}
.abstract {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: "abstract";
}
.top {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: top;
}
.center {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: center;
}
.legend {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: legend;
    padding-left: 20px;
}
.nav {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    grid-area: nav;
}