@charset "UTF-8";

#content-row {
    height: 100vh;
}

#menu {
    height: 100%;
    overflow-y: auto;
}

.tree {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tree li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    position: relative;
}

.tree li::before, .tree li::after {
    content: '';
    position: absolute;
}

.tree li::before {
    border-left: 1px solid #000;
    top: 0;
    left: 0;
    width: 1em;
    height: 100%;
}

.tree li::after {
    border-top: 1px solid #000;
    top: 0.5em;
    left: 0.5em;
    width: 0;
    height: 1em;
}

.tree li:last-child::before {
    height: 1.5em;
}

.tree li:last-child::after {
    top: 1em;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 100%;
}

iframe {
    width: 100%;
    height: 100%;
}