.content {
  border-radius: 25px;
  background-color: #d7f0fc;
  text-align: left;
  width: 900px;
  height: 500px;
  padding:25px;
  text-shadow:none;
  color:black;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  overflow: hidden;
  justify-content: flex-end;
  overflow-y: auto;
}

.row1{
  width: inherit;
  background-color: inherit;
}

.book_cover {
  float: left;
  border-radius: 0px;
  text-align: center;
  width: 140px;
  height: 200px;
  padding: 5px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  justify-content: center;
}

.basic_info {
  float: left;
  border-radius: 0px;
  text-align: left;
  width: 245px;
  height: 210px;
  padding-left: 10px;
  padding-top: 0px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  overflow: hidden;
  justify-content: flex-end;
  overflow-y: auto;
}

.links {
  float: left;
  border-radius: 0px;
  text-align: left;
  width: 245px;
  height: 210px;
  padding-left: 10px;
  padding-top: 0px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  overflow: hidden;
  justify-content: flex-end;
  overflow-y: auto;
}

.main-img {
  float: left;
  border-radius: 0px;
  text-align: left;
  width: 180px;
  height: 200px;
  padding: 5px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  justify-content: center;
}

.row2 {
  margin-top: 5px;
  margin-bottom:5px;
  float: left;
  width:inherit;
  background-color: inherit;
}

.review {
  border-radius: 0px;
  text-align: left;
  width: 846px;
  height: auto;
  padding: 10px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  overflow: hidden;
  overflow-y: auto;
 }
 
.row3 {
  margin-bottom:5px;
  float: left;
  width:inherit;
  background-color: inherit;
}


.collapsible {
  background-color: #c70202;
  color: white;
  cursor: pointer;
  width: 872px;
  height: 40px;
  padding: 10px;
  border-color:#d7f0fc;
  border-width: 3px;
  border-style: double;
  text-align: center;
  outline: none;
  font-family: Garamond;
  font-size: 20px;
}

.active, .collapsible:hover {
  background-color: #c70202;
}

.collapse_content {
  width: 846px;
  height: auto;
  padding: 10px;
  display: none;
  overflow: hidden;
  background-color: inherit;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
}


.gallery {
 float:none;
  border-radius: 0px;
  text-align: left;
  width: 846px;
  height: auto;
  padding: 10px;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  display: grid;
  grid-template-columns: auto auto ;
}



.gallery div {
  padding: 10px;
  font-size: 30px;
  text-align: center;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #d7f0fc;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  border-radius:5px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #d7f0fc;
  border-color:#c70202;
  border-width: 3px;
  border-style: double;
  border-radius:5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #c70202;
  border-color:#d7f0fc;
  border-width: 3px;
  border-style: double;
  border-radius:5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #c70202;
}

.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;
}


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