/*
 * main.css
 *
 * overrides for terminal.css
 */

body {
    overflow-y: scroll;
}

.btn-default {
    border-color: var(--font-color);
}

select[multiple] {
    background-image: unset;
}

div.container p:last-child {
    margin-block-end: 0em;
}


/*
 * CSS Grid
 *
 * Courtesy of https://terminalcss.xyz source
 */

.grid {
    display: grid;
    grid-column-gap: 1.4em;
    grid-template-columns: auto;
    grid-template-row: auto;
}

@media only screen and (min-width: 70em) {
    .grid {
        grid-template-columns: 3fr 9fr;
    }

    .grid aside {
        position: sticky;
        top: calc(var(--global-space) * 2);
    }
}