.command-line-prompt {
    border-right: 1px solid #999;
    display: block;
    float: left;
    font-size: 100%;
    letter-spacing: -1px;
    margin-right: 1em;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.command-line-prompt>span::before {
    color: #999;
    content: ' ';
    display: block;
    padding-right: 0.8em;
}

.command-line-prompt>span[data-user]:before {
    content: "[" attr(data-user) "@" attr(data-host) "] $";
}

.command-line-prompt>span[data-user="root"]:before {
    content: "[" attr(data-user) "@" attr(data-host) "] #";
}

.command-line-prompt>span[data-prompt]:before {
    content: attr(data-prompt);
}

code {
    background: black;
    color: lightblue;
    padding: 3px 5px;
    border-radius: 3px;
}

pre code {
    color: orange;
    background: #303030;
    padding: 0;
    border: none;
}

pre {
    background: #303030;
    font-weight: 900;
    color: orange;
    border: 1px white;
    border-radius: 5px;
    padding: 5px;
}