.content {
  float: none;
  display:flex;
  border-radius: 25px;
  background-color: #6b2894;
  text-align: left;
  width: 900px;
  height: 500px;
  padding-left: 25px;
  padding-top: 15px;
}

.bottom-bg {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  background-image: url(https://7heia.neocities.org/interests/Interests_Books/bookshelf%20bg.png);
  background-repeat: repeat;
  background-position: bottom left;

  z-index: -9999;
  pointer-events: none;
}

.book_cover {
  float: none;
  border-radius: 0px;
  background-color: #6b2894;
  text-align: center;
  width: 140px;
  height: 210px;
  padding-left: 0px;
  padding-top: 5px;
  border-color:#12073D;
  border-width: 3px;
  border-style: double;
}

.basic_info {
 float: none;
  border-radius: 0px;
  background-color: #6b2894;
  text-align: left;
  width: 800px;
  height: 400px;
  padding-left: 10px;
  padding-top: 0px;
  border-color:#12073D;
  border-width: 3px;
  border-style: double;
}


body { text-shadow: 2px 2px 0px rgba(144,13,231,1);
  background-color: #12073D;
  color: white;
   font-family: Garamond, serif;
   overflow: hidden;
}