* {
    box-sizing: border-box;
    font-family: sans-serif;
}
code {
    font-family: monospace;
    white-space: pre;
    font-weight: bold;
    display: block;
    padding: 0.4rem;
    border-radius: 0.5rem;
}

code[data-language="PS"] {
    background-color: #012456;
    color: #eeedf0;
}

code[data-language="fish"] {
    background-color: hsl(0 0 10%);
    color: hsl(0 0 90%);
}

code[data-language="bash"] {
    background-color: hsl(0 0 10%);
    color: hsl(0 0 90%);
}

code[data-language="file"] {
    background-color: hsl(0 0 80%);
    color: hsl(0 0 10%);

    counter-reset: line;

    &::before {
        content: attr(data-filename);
        display: block;
        border-bottom: 2px solid black;
        /* line-height: 1.5rem; */
        color: hsl(0 0 10%);
        padding-left: 3rem;
    }
}
code[data-language="file"] span {
    display: inline-block;
    font-family: monospace;
}
code[data-language="file"] span::before {
    counter-increment: line;
    content: counter(line);
    display: inline-block;
    border-right: 1px solid black;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    width: 2rem;
    text-align: right;
}




p code {
    display: inline;
}
main {
    margin-left: auto;
    margin-right: auto;
    width: min-content;
    max-width: 1920px;
}