@import url("/style/reset.css");
@import url("/style/theme.css");


html, body, #bg {
    width: 100%;
    min-height: 100vh;
}

#bg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}

#main {
    width: 50%;
    min-height: 100%;
    /*min-width: 500px;*/
    @media screen and (max-width: 500px) {
        width: 100%;
    }
}

#side-bar {
    position: fixed;
    left: 0;
    top: 0;
    padding-left: 1rem;
    padding-top: 1rem;
    width: 15rem;
    height: 100%;
    @media screen and (max-width: 500px) {
        display: none;
    }
}

#top-bar {
    display: flex;
    width: 100%;
    overflow: auto;
    flex-direction: row;
    justify-content: flex-end;
    #level-index {
        /* width: 100%; */
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-grow: 1;
    }
    #breadcrumbs {
        /* width: 100%; */
        padding-left: 1rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
}