html {
    background: black;
    overflow: hidden;
}

#preload {
    display: none;
}

#content {
    display: grid;
    grid-template-columns: 10vw 90vw;
    grid-template-rows: 100vh;
    margin-top: 1vh;
}

#sidebar {
    width: 10vw;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 2vh;
}

#sidebar::-webkit-scrollbar {
    width: .75em;
}
#sidebar::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 1vw;
}
#sidebar::-webkit-scrollbar-thumb:active {
    background: #e1e1e1;
}

#sidebar img {
    max-width: 8vw;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    margin-top: .25vw;
}

#sidebar img.current {
    border: solid .5vh white;
    border-radius: .5vh;
}

#display {
    max-width: 90vw;
    top: 0%;
    right: 0%;
    margin: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#display img {
    max-height: 90vh;
    max-width: 88vw;
    border-radius: 1vh;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}