body {
  background-color: antiquewhite;
  display: grid;
  justify-content: center;
}

main {
  width: 60vw;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.book {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column: auto / span 6;
  background-color: burlywood;
  min-height: 50px;
  padding: 15px;
}

.book-cvr {
  grid-column: auto / span 4;
}

.book-cvr img {
  width: 100%;
}

.book-text {
  grid-column: auto / span 8;
  text-align: justify;
  padding: 0px 10px 0px 10px;
}

.shelf-right {
  height: 100vh;
  position: fixed;
  bottom: 0;
  right: -200px;
  z-index: -2;
}

nav {
  width: 60vw;
  text-align: justify;
}

.shelf-items {
  display: flex;
  flex-direction: column;
  width: 200px;
  position: fixed;
  bottom: 0;
  right: 0px;
  z-index: -1;
}

.shelf-items img {
  width: 100%;
  padding: 0px 0px 15px 0px;
}

@media only screen and (max-width: 750px) {
  main, nav {width: 90vw;}
  .book {grid-column: auto / span 12; margin: 0px 0px 20px 0px;}
  .book-cvr {grid-column: auto / span 12;}
  .book-text {grid-column: auto / span 12;}
  .shelf-right {display: none;}
  .shelf-items {flex-direction: row; width: 90vw; position: static;}
}