.hidden {
  display: none !important;
}
#covers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

#covers img {
  max-width: 100%;
}

#covers .cover {
  cursor: pointer;
  padding: 10px;
  margin: auto;
}

#coverviewer {
  width: 100vw;
  height: 100vh;
  display: inline-flex;
}

.propswrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 120px 400px;
}

#coverprops {
  background-color: rgb(191, 208, 249);
  width: 25%;
}

#coverdocs {
  background-color: bisque;
  width: 75%;
  height: 100%;
  overflow: scroll;
}

#coverdocs img {
  width: 90%;
  cursor: pointer;
}

.backbtn {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 5px;
  left: 5px;
}

.backbtn img {
  width: 100%;
}
