#content {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin: 10px auto auto;
    display: flex;
}

.wrap {
    margin: 10px auto auto;
    padding: 0px 10px 10px;
}

aside {
    border: solid 1px #444;
    /* width: auto; */
    width: max-content;
    padding: 5px;
}

nav ul {
    height: 70px;
    display: flex;
    justify-content: flex-end;
    list-style: none;
}

nav ul li {
    position: relative;
    margin-right: 20px;
}

.blue {
    color: blue;
}

.test {
    color: blue;
    font-size: large;
}

.test1 {
    color: purple;
}

code {
    display: inline-block;
    padding: 0.1em 0.25em;
    color: #444;
    background-color: #e7edf3;
    border-radius: 3px;
    border: solid 1px #d6dde4;
    font-size: large;
}

pre {
    counter-reset: rowNumber;
    padding: 0.1em 0.25em;
    color: #444;
    background-color: #e7edf3;
    border-radius: 3px;
    border: solid 1px #d6dde4;
    font-size: large;
}

pre span.row-number {
    counter-increment: rowNumber;
}

pre span.row-number::before {
    content: counter(rowNumber);
    width: 2rem;
    display: inline-block;
    color: #aaa;
}