#book-gallery {
  all: initial;
  width: 500px ;
  height: 300px;
  margin: 30px 0;
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: -6px;
}

#book-gallery .cd {
  all:unset;
  perspective: 500px ;
  width: 30px;
  transition: width 0.5s;
}

#book-gallery .cd:hover {width: 130px;}

#book-gallery img {
  all:unset;
  transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s;
  width: 130px;
  height: 200px;
  border: none;
  object-fit: cover;
}

#book-gallery .cd:hover img {
  width: 135px;
  height: 205px;
  margin-top: -2px;
}
.opencase{
  display: none;
  width: 700px;
  height: 350px;
  background-size: 100% 100%;
  box-shadow: 0px 0px 20px #cc00ff;
}
table{border-collapse: collapse;  width: 100%; height: 100%;}
th{width: 50%;}
body{
  font-size:.75em;
  background-color: black;
  background-size: 20%;
  background-attachment: fixed;
  color: white;
  font-family: "basiic";
}
.quickfacts{
  height: 70px;
  overflow-y:scroll;
  }
.quickfacts, .blurbs{
  padding: 5px;
  margin: 5px;
  background-color: rgba(0,0,0,.6);
  color: white;
  border-radius: 5px;
  }
#anthology .quickfacts, #anthology .blurbs{border: solid 2px #189bcc;}

.title{margin-top: 5px; width: 200px;}
#anthology{background-image: "notes page.png";text-shadow: #189bcc 1px 0 10px;}