body {
  background-color: #002147;
  color: #99a6b5;
  font-family: "Courier New";
}

header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002147;
  color: #e6e9ed;
  padding: 0 20px;
  height: 70px;
  width: 82%;
  margin: auto;
}

#shelf {
  background-color: #80461B;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  grid-auto-flow: row;
  grid-template-rows: repeat(auto, auto);
  gap: 30px 0;
  justify-content: center;
  width: 70%;
  margin: auto;
  padding: 40px 10px;
}

.book {
  word-wrap: break-word;
  writing-mode: vertical-lr;
  text-orientation: upright;
  height: 300px;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  background-color: #483C32;
  border-top: solid #483C32 5px;
}
  .book h1 {
    font-size: 30px;
    margin: 5px;
  }
  .book img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    bottom: 0;
  }
  

#flowerpot {
  align-content: flex-end;
  width: 50px;
}
  #flowerpot img{
    width: 100%;
    height: 100%;
    object-fit: fill;
  }