html, body {
    min-height: 100vh;
}

.image-wrapper {
  margin: 1rem;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  box-shadow: 3px 3px 9px gray;
  background-color: white;
}

#content-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}

#gallery {
  padding: 2rem;
  position: relative;
  height: 100%;
  margin-left: 250px;
  width: calc(100% - 250px);
  /* overflow-y: scroll; */

}

#images {
  margin-top: 2rem;
  justify-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}

@media(max-width:540px){
  #images {
  grid-template-columns: repeat(2, minmax(20rem, 1fr));
  }
}

.image-wrapper > img {
  max-width:100%;
  height:auto;
}

#sidebar {
  padding: 2rem 2rem;
  float: left;
  position: fixed;
  left: 0;
  /* top: 0; */
  padding-top: 4rem;
  width: 250px;
  overflow: hidden;
}

#sidebar > ul {
  list-style-type: none;
  list-style-position: inside;
}

#sidebar > ul > li{
  font-weight: lighter;
  margin-left: .5rem;
}

#sidebar > ul > li.selected {
  color: blue;
}

li.strong {
  font-weight:normal;
}