div.main {
    display:flex;
    min-height: 85vh;
}


#Categories-placeholder {
    width: 210px;
}

#Categories {
    position: fixed;
    top: 40vh;
    width: 200px;
}

.category {
    line-height: 32px;
    cursor: pointer;
    transition: 0.1s;
    color: #5F5F5F;
    border-right: 2px solid #FFF;
}

.category i {
    vertical-align: middle;
    box-sizing:border-box;
}

.category span {
    vertical-align: middle;
    padding-left: 5px;
}

.category:hover {
    transform: scale(1.05);
    color:#06c;
    border-right: 2px solid #0066cc;
}

a, a:hover {
    text-decoration: none;
    width:100%;
}

.category.selected, .category.selected a, .category:hover a,
.category:hover .material-icons,
.category.selected .material-icons {
    color:#06c;
}

#Contents {
    z-index: 1;
    width: 80%;
}

#Contents li {
    padding: 14px 2px;
}

#Contents li.display {
    display: list-item;
}

.page_container { width: 90vw; }