:root {
    --header-colour: #9370db;
    --content-bg-colour: #fff;
}

@counter-style arrow {
    system: cyclic;
    symbols: ">";
    suffix: " ";
}

#sidebar {
    align-self: stretch;
    grid-row: 1 / 4;
    grid-column: -2 / -1;

    ul {
        list-style: arrow inside;

        li {
            color: var(--header-colour);
        }
    }
}

@media screen and (max-width: 760px) {
    #sidebar {
        display: none;
    }
}