index.css

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#container {
    display: grid;
    grid-template: auto 1fr auto / auto 1fr;

    width: calc(100vw - 2px);
    height: calc(100vh - 2px);
    margin: 0;
    padding: 0;
}

header {
    grid-column: 1 / 3;
}

#info {
}

#bench {
    grid-column: 1 / 2;

    overflow-y: auto;
}

#charts {
    grid-column: 2 / 3;
    display: grid;
    place-items: center;
}

#buttons {
    grid-column: 1 / 3;
}

#nav-bar {
    grid-column: 1 / 3;
}

.panel {
    margin: 1px;
    padding: 1px;

    transition: background-color, color;
    transition-duration: 0.2s;

    background-color: #eeeeee;
    border: 1px solid #8d8d8d;
}

.panel:hover  {
    background-color: #dee7ff;
    border: 1px solid #0066ff;
}

never {
    background-color: #eeeeee;
    border: 1px solid #8d8d8d;

    background-color: #fffdd4;
    border: 1px solid #ffe600;
    background-color: #e3ffd4;
    border: 1px solid #4cff00;
    background-color: #dee7ff;
    border: 1px solid #0066ff;
    background-color: #dcd4ff;
    border: 1px solid #6a00ff;
    background-color: #f9d4ff;
    border: 1px solid #c800ff;
    background-color: #ffd4d4;
    border: 1px solid red;
    background-color: #ffeed4;
    border: 1px solid #ff9900;
}

.benchConfig {
    background-color: #ffeed4;
    border: 1px solid #ff9900;
}

#nav-bar {
    border: transparent 1px solid;
}

#tabs {
    border-bottom: 1px solid #8d8d8d;
}

.tab {
    background-color: #eeeeee;
    border: 1px solid #8d8d8d;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

    margin: 0 2px;
}
.tab:hover {
    background-color: #dee7ff;
    border: 1px solid #0066ff;
    border-bottom: none;
}