body {
    width: 100%;
    height: 100%;
    padding: 1rem;
    display: block;
}

body::-webkit-scrollbar {
    display: none;
}

section {
    display: grid;
    grid-template-columns: 6rem 10rem 7rem 11rem 6rem 6rem 1fr;
    grid-auto-rows: 1rem;
    grid-template-rows: none;
    overflow-y: scroll;
    padding: 0;
}

section:first-child {
    padding-bottom: 1rem;
}

section[symbol] > *:first-child  { 
    color: var(--ui-yellow) !important; 
}

section[symbol][resumed] > *:first-child  { 
    color: var(--ui-purple-light) !important; 
}

section[symbol] > *:nth-child(7) { color: var(--ui-3) !important; }

section[symbol]:nth-child(odd) {
    background-color: #181818;
}

section[symbol]:hover {
    background-color: var(--ui-1);
}