.css
{
    max-width: 900px;

    font-family: monospace;
    font-size: 16px;
    line-height: 1.7;
}

.css-line
{
    display: grid;
    grid-template-columns: 3ch 1fr;
}

.css-line-number
{
    margin-right: 24px;

    text-align: right;

    color: var(--color-text-subtle);
}

.indent
{
    padding-left: 4ch;
}

.comment
{
    color: var(--color-text-muted);
}

.selector,
.pseudo
{
    color: var(--color-css-syntax-selector);
}

.property
{
    color: var(--color-css-syntax-property);
}

.string
{
    color: var(--color-css-syntax-string);
}

.value
{
    color:var(--color-css-syntax-value);
}

.keyword
{
    color:var(--color-css-syntax-keyword);
}

.function
{
    color:var(--color-css-syntax-function);
}

.css a
{
    text-decoration: none;
    border: none;
}