#container {
    display: flex;
    flex-direction: row;
    height: 700px;
}
nav {
    width: 20%;
    border: 1px solid;
    margin: 2px;
    padding: 5px;
    word-wrap: break-word;
}
div {
    display: none;
}

article {
    width: 80%;
    border: 1px solid;
    margin: 2px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

:target {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

}

img {
    object-fit: contain;
    max-width: 100%;
    max-height: 600px;
    border: 2px solid;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 500px;
    overflow: auto;
}

li {
    margin: 2px;
    border: 1px solid;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

li a {
    text-decoration: none;
}