div+css布局实现自适应可开关灯的卧室房间效果代码

代码语言:html

所属分类:布局界面

代码描述:div+css布局实现自适应可开关灯的卧室房间效果代码,吊扇是转动的,落地灯可点击打开关闭,右侧墙上的开关可打开筒灯。

代码标签: div css 布局 自适应 开关 卧室 房间

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
  
<style>
@charset "UTF-8";
html {
  /*  font-size: 1vw;*/
}

html,
body {
  height: 100%;
  margin: 0;
}

div {
  transform-style: preserve-3d;
  perspective: 100rem;
  position: relative;
}
div *,
div *:before,
div *:after, div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  transform-style: preserve-3d;
  /* backface-visibility: hidden;*/
}

div,
room,
wall {
  width: 100%;
  height: 100%;
}

room {
  transform: translateZ(-50rem) rotateY(0deg);
}
room:has(.switch:checked) wall:nth-of-type(3) {
  --light: #ffe;
}
room:has(.switch:checked) wall:nth-of-type(4) {
  --light: #ffc1;
}

wall {
  --auxwall: linear-gradient(#0000 0 0);
  background: var(--auxwall), radial-gradient(#889199, #565e65);
  width: 100rem;
  box-shadow: inset 0 0 2rem #565e65;
  border: 2px solid #565e65;
  transform-style: preserve-3d;
}
wall:nth-of-type(1):after, wall:nth-of-type(1):before, wall:nth-of-type(2):after, wall:nth-of-type(2):before, wall:nth-of-type(5):after, wall:nth-of-type(5):before {
  width: 100%;
  height: 1.5rem;
  background: radial-gradient(circle, #969ea5, #7a848d);
  top: auto;
  bottom: 0;
  transform: translate3d(0, 0, 0.25rem);
  box-shadow: inset 0 0 0.5rem #565e65;
}
wall:nth-of-type(1):before, wall:nth-of-type(2):before, wall:nth-of-type(5):before {
  transform: translate3d(0, -0.75rem, -0.5rem) rotateX(90deg);
  background: #969ea5;
}
wall:nth-of-type(1) {
  transform: translateX(-50%) rotateY(90deg);
  background: none;
}
wall:nth-of-type(1) > u {
  width: 100%;
  height: calc(100% - 39rem);
  height: 13%;
  background: radial-gradient(#889199, #565e65);
  background-size: 100% calc(100% + 39rem);
  background-size: 100% 700%;
}
wall:nth-of-type(1) > u:before {
  width: 100%;
  height: 10rem;
  background: radial-gradient(at top, #889199, #a3aab1);
  transform: translate3d(0, 5rem, -5rem) rotateX(90deg);
  top: auto;
  bottom: 0;
  box-shadow: inset 0 2.5rem 1rem rgba(33, 31, 29, 0.5);
}
wall:nth-of-type(1) > u:nth-of-type(2) {
  width: calc(100% - 85rem);
  width: 25%;
  height: 100%;
  background-size: calc(100% + 85rem) 100%;
  background-size: 400% 100%;
}
wall:nth-of-type(1) > u:nth-of-type(3) {
  width: calc(100% - 75rem);
  width: 25%;
  height: 100%;
  right: 0;
  left: auto;
  background-size: calc(100% + 75rem) 100%;
  background-size: 400% 100%;
  transform: scaleX(-1);
}
wall:nth-of-type(1) > u:nth-of-type(3):before {
  transform: rotateY(-90deg);
  width: 9rem;
  height: 100%;
  background: radial-gradient(at right, #969ea5, #a3aab1);
  left: 63%;
  transform-origin: 100% 0;
  box-shadow: inset 1rem 0 1rem rgba(33, 31, 29, 0.5);
}
wall:nth-of-type(1) > u:nth-of-type(4) {
  top: auto;
  bottom: 0;
  height: calc(100% - 33rem);
  height: 27%;
  background-size: 100% calc(100% + 33rem);
  background-size: 100% 400%;
  transform: scaleY(-1);
}
wall:nth-of-type(1) > u:nth-of-type(4):before {
  transform: translate3d(0, 5rem, -5rem) rotateX(90deg);
  background: radial-gradient(at right, #b1b7bc, #bfc4c8);
}
wall:nth-of-type(2) {
  transform: translateX(50%) rotateY(-90deg);
  left: auto;
  right: 0;
}
wall:nth-of-type(2) switch {
  width: 3rem;
  aspect-ratio: 1;
  left: 90%;
  top: 50%;
  background: linear-gradient(#fff1, #0000 10% 90%, #0001), linear-gradient(90deg, #fff2, #0000 10% 90%, #0001), radial-gradient(circle at 30% 30%, #fff3, #fff0), linear-gradient(#989a95 0 0);
  transform-style: preserve-3d;
  position: absolute;
}
wall:nth-of-type(2) switch .switch {
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  margin: 0;
  transform: translateZ(0.2rem) rotateX(10deg);
}
wall:nth-of-type(2) switch .switch::after {
  content: "";
  width: 30%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c8cac5;
}
wall:nth-of-type(2) switch .switch::before {
  content: "";
  width: 30%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #888a85;
  transform-origin: 100% 50%;
  transform: translate(-50%, -50%) rotateY(-90deg);
}
wall:nth-of-type(2) switch .switch:checked {
  transform: translateZ(0.2rem) rotateX(-10deg);
}
wall:nth-of-type(3) {
  transform: rotateX(-90deg) translate3d(-1rem, 0, -50rem);
  width: calc(100% + 2rem);
  height: 100rem;
  background: radial-gradient(#969ea5, #6e7880);
  --light: #fff3;
}
wall:nth-of-type(3) fixtures, wall:nth-of-type(3) fixtures::before, wall:nth-of-type(3) fixtures::after {
  --rim: #485159;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 20%, var(--light) 1.5rem, var(--rim) 1.7rem 2rem, #0000 2.2rem), radial-gradient(circle at 80% 20%, var(--light) 1.5rem, var(--rim) 1.7rem 2rem, #0000 2.2rem), radial-gradient(circle at 20% 80%, var(--light) 1.5rem, var(--rim) 1.7rem 2rem, #0000 2.2rem), radial-gradient(circle at 80% 80%, var(--light) 1.5rem, var(--rim) 1.7rem 2rem, #0000 2.2rem);
}
wall:nth-of-type(3) fixtures::before {
  --light: #0000;
  transform: translateZ(0.075rem);
}
wall:nth-of-type(3) fixtures::after {
  --rim: #687179;
  --light: #0000;
  transform: translateZ(0.15rem);
}
wall:nth-of-type(4) {
  transform: rotateX(90deg) translate3d(0, 0, -50rem);
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100rem;
  background: var(--auxwall), repeating-linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2rem, rgba(99, 79, 61, 0.5) 2.2rem), radial-gradient(#826851, #43362a);
  box-shadow: inset 0 1rem 2rem rgba(163, 170, 177, 0.5);
  --light: #fff0;
  --auxwall:
    radial-gradient(circle at 20% 20%, var(--light), #fff0 20%),
    radial-gradient(circle at 80% 20%, var(--light), #fff0 20%),
    radial-gradient(circle at 20% 80%, var(--light), #fff0 20%),
    radial-gradient(circle at 80% 80%, var(--light), #fff0 20%) ;
}
wall:nth-of-type(5) {
  transform: translateZ(-49rem);
  width: 100%;
  --sizepos: 1.5rem calc(100% - 3rem) / 2rem 2rem no-repeat;
  --auxwall:
    radial-gradient(farthest-side at 37% 50%, #0008 10%, #0000 0) var(--sizepos),
    radial-gradient(farthest-side at 63% 50%, #0008 10%, #0000 0) var(--sizepos),
    radial-gradient(farthest-side, #0001 60%, #0004 0 65%, #0000 0) var(--sizepos),
    linear-gradient(#fff1, #0000 10% 90%, #0003) var(--sizepos),
    linear-gradient(90deg, #fff2, #0000 10% 90%, #0002) var(--sizepos),
    radial-gradient(circle at 30% 30%, #fff3, #fff0) var(--sizepos),
    radial-gradient(at 100% 0, #0000, #0003) var(--sizepos),
    linear-gradient(#989a95 0 0) var(--sizepos);
}

light {
  right: 0;
  margin: auto;
  transform: rotateX(-90deg) translate3d(0, 0, 0) scale(0.7);
  transform-origin: 0 0;
  box-shadow: 2rem 0 1rem rgba(33, 31, 29, 0.25), 5rem 0 3rem rgba(33, 31, 29, 0.1), 10rem 0 3rem rgba(33, 31, 29, 0.1), 15rem 0 5rem rgba(33, 31, 29, 0.1);
}
light, light:before, light:after, light > u:nth-of-type(1), light > u:nth-of-type(1):after, light > u:nth-of-type(2), light > u:nth-of-type(2):before, light > u:nth-of-type(2):after, light > u:nth-of-type(3), light > u:nth-of-type(3):before, light > u:nth-of-type(3):after, light > u:nth-of-type(4), light > u:nth-of-type(4):before {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: linear-gradient(90deg, #211f1d, #889199, #fff, #211f1d, #889199, #211f1d);
}
light:after {
  transform: translate3d(0, 0, 0.3rem) scale(0.7);
}
light:before {
  transform: translate3d(0, 0, 0.2rem);
  background: #3c3935;
}
light > u:nth-of-type(1) {
  transform: translate3d(0, 0, 0.5rem) scale(0.7);
  background: #3c3935;
}
light > u:nth-of-type(1):before {
  transform: translate3d(0, 0, 5rem);
  transform: translateZ(-5rem);
  background: linear-gradient(90deg, #211f1d, #889199, #889199, #211f1d, #889199, #211f1d);
  height: 10rem;
  width: 1rem;
  transform: rotateX(90deg) translate3d(0, 0, 2rem);
  right: 0;
  margin: auto;
}
light > u:nth-of-type(1):after {
  transform: translate3d(0, 0, 2rem) scale(0.7);
  background: #3c3935;
}
light > u:nth-of-type(2) {
  transform: translate3d(0, 0, 2.9rem);
}
light > u:nth-of-type(2):before {
  transform: translate3d(0, 0, 0.25rem);
  background: #3c3935;
}
light > u:nth-of-type(2):after {
  transform: translate3d(0, 0, 0.5rem) scale(0.8);
}
light > u:nth-of-type(3) {
  transform: translate3d(0, 0, 3.6rem) scale(0.8);
}
light > u:nth-of-type(3):before {
  transform: translate3d(0, 0, 0.25rem);
}
light > u:nth-of-type(3):after {
  transform: translate3d(0, 0, 0.5rem);
}
light u:nth-of-type(4) {
  transform: translate3d(0, 0, 4.3rem);
}
light u:nth-of-type(4):before {
  transform: translate3d(0, 0, 0.25rem);
  background: #3c3935;
}
light > u:nth-of-type(5) {
  transform: rotate(0) translate3d(0, 0, 5rem);
  animation: rotate 3s linear infinite;
  right: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
  background: #3c3935;
  border-radius: 50%;
}
@media (max-width: 400px) {
  light > u:nth-of-type(5) {
    animation-play-state: paused;
    transform: rotate(180deg) translate3d(0, 0, 5rem) !important;
  }
}
light > u:nth-of-type(5):after, light > u:nth-of-type(5):before {
  width: 5rem;
  height: 5rem;
  background: #3c3935;
  border-radius: 50%;
  transform: translate3d(0, 0, 0.25rem);
}
light > u:nth-of-type(5):after {
  transform: translate3d(0, 0, 0.5rem);
}
light > u:nth-of-type(5) u,
light > u:nth-of-type(5) u:before {
  width: 19rem;
  height: 5rem;
  background: #826851;
  border-radius: 70% 20% 20% 70%/40% 20% 20% 40%;
  transform: translate3d(2.5rem, 0, 0) rotate(20deg) rotateX(15deg);
  transform-origin: 0;
}
light > u:nth-of-type(5) u:before {
  transform: rotateX(5deg);
}
light > u:nth-of-type(5) u {
  animation: rlight 3s -2s linear infinite;
  transition: all 0.2s cubic-bezier(0.5, 2, 0.5, 0.8);
}
@media (max-width: 400px) {
  light > u:nth-of-type(5) u {
    animation-play-state: paused !important;
    transform: translate3d(2.5rem, 0, 0) rotate(20deg) rotateX(15deg) rotateY(-45deg);
  }
}
light > u:nth-of-type(5) u:nth-of-type(2) {
  transform: translate3d(2.5rem, 0, 0) rotate(120deg) rotateX(15deg);
  animation: rlight 3s -1s linear infinite;
}
@media (max-width: 220px) {
  light > u:nth-of-type(5) u:nth-of-type(2) {
    transform: translate3d(2.5rem, 0, 0) rotate(120deg) rotateX(15deg) rotateY(-70deg);
  }
}
light > u:nth-of-type(5) u:nth-of-type(3) {
  transform: translate3d(2.5rem, 0, 0) rotate(240deg) rotateX(15deg);
  animation: rlight 3s linear infinite;
}
@media (max-width: 220px) {
  light > u:nth-of-type(5) u:nth-of-type(3) {
    transform: translate3d(2.5rem, 0, 0) rotate(240deg) rotateX(15deg) rotateY(-90deg);
  }
}
@keyframes rlight {
  50% {
    filter: brightness(0.5);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(-360deg) translate3d(0, 0, 5rem);
  }
}

window {
  width: 50%;
  height: 60%;
  transform: translate3d(0, 0, -8rem);
  left: 25%;
  top: 13%;
}
window:before {
  width: 100%;
  height: 1rem;
  background: #889199;
}
window:after {
  width: 100%;
  height: 1rem;
  background: #bfc4c8;
  transform: translate3d(0, 0.5rem, -0.5rem) rotateX(90deg);
}
window u:nth-of-type(1) {
  background: #889199;
  width: 50rem;
  height: 27rem;
  height: 1rem;
  transform: translate3d(0, 0, 0);
  bottom: 0;
  top: auto;
}
window u:nth-of-type(1):after {
  width: 100%;
  height: 1rem;
  background: #bfc4c8;
  transform: translate3d(0, -0.5rem, -0.5rem) rotateX(90deg);
}
window u:nth-of-type(2) {
  background: #889199;
  width: 1rem;
  height: 100%;
  transform: translate3d(0, 0, 0);
  left: auto;
  right: 0;
}
window u:nth-of-type(2):after {
  width: 1rem;
  height: 100%;
  background: #bfc4c8;
  transform: translate3d(0, -0.5rem, -0.5rem) rotateY(90deg);
}
window u:nth-of-type(3) {
  background: #889199;
  width: 1rem;
  height: 100%;
  left: 50%;
}
window u:nth-of-type(3):after {
  width: 1rem;
  height: 100%;
  background: #bfc4c8;
  transform: translate3d(0, -0.5rem, -0.5rem) rotateY(90deg);
}

.sig {
  position: absolute;
  left: auto;
  right: 1rem;
  top: 1rem;
  font-size: 0.2rem;
  color: #fff;
  width: 10em;
  transform: skewX(10deg) scaleY(0.45) rotate(2deg);
  mix-blend-mode: difference;
}
.sig,
.sig * {
  height: 9.25em;
  overflow: hidden;
  border-radius: 0.5em;
}
.sig:before,
.sig *:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5em;
  height: 5em;
  background: currentColor;
  transform: translate3d(-2.5em, 0, 0) rotate(-45deg);
  box-shadow: -3em 3em 0 0 currentColor;
  border-radius: 0.5em 2em 0.5em 2em;
}
.sig * {
  width: 5em;
  transform: translate3d(3.75em, 0, 0) scaleY(0.95);
  display: block !important;
}
.sig *:before {
  transform: translate3d(-3em, -2em, 0) rotate(-45deg);
  box-shadow: -3em 3em 0 0 currentColor, -6em 6em 0 0 currentColor;
  border-radius: 0.5em;
}

@keyframes fly {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
fly {
  width: 0.5rem;
  aspect-ratio: 1;
  background: #000;
  border-radius: 50%;
  offset-path: path("M0,0 C100,0 150,0 300,300 200,200 300,300 180,300 300,100 50,100 0,0");
  animation: fly 4s infinite alternate linear;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateX(-60deg);
}
fly::before, fly::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  border-radius: 50%;
  transform: rotateY(40deg);
}
fly::after {
  background: #fff6;
  transform: rotateY(-40deg);
}

@media (max-width: 600px) {
  fly {
    display: none;
  }
}
tv {
  width: 42rem;
  height: 19rem;
  background-color: #2e1110;
  box-shadow: inset 4px 4px 20px grey;
  transform: translate3d(40rem, 10rem, -47rem);
}
tv > u {
  width: 40rem;
  height: 17rem;
  background-color: #221111;
  transform: translate3d(1rem, 1rem, 0);
  box-shadow: inset -1px -1px 10px grey;
}

@keyframes flicker {
  0%, 10%, 20%, 100% {
    --light: #ffffdd05;
  }
  5%, 15% {
    --light: #ffffdd01;
  }
}
lamp {
  width: 1rem;
  height: 60%;
  background: linear-gradient(90deg, #fff3, #fff0 80%, #000c), #222;
  bottom: 0;
  left: 8rem;
  top: auto;
  transform: translateZ(-30rem);
}
lamp:has(input:checked) top u {
  --light: #ffd8;
}
lamp:has(input:checked) mast u {
  --light: #ffd5;
}
lamp:has(input:checked) lightray u {
  --light: #ffffdd05;
  animation: flicker 1s linear 1 forwards;
}
lamp lampbase {
  width: 6rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #222;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotateX(90deg) translateZ(0.5em);
}
lamp lampbase u {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(at 30% 70%, #fff1, #fff0), #222;
  border-radius: 50%;
}
lamp lampbase u:nth-child(1) {
  transform: translateZ(-0.1em);
}
lamp lampbase u:nth-child(2) {
  transform: translateZ(-0.2em);
}
lamp lampbase u:nth-child(3) {
  transform: translateZ(-0.3em);
}
lamp lampbase u:nth-child(4) {
  transform: translateZ(-0.4em);
}
lamp lampbase u:nth-child(5) {
  transform: translateZ(-0.5em);
}
lamp u:nth-child(1) {
  --t: 36deg;
}
lamp u:nth-child(2) {
  --t: 72deg;
}
lamp u:nth-child(3) {
  --t: 108deg;
}
lamp u:nth-child(4) {
  --t: 144deg;
}
lamp u:nth-child(5) {
  --t: 180deg;
}
lamp u:nth-child(6) {
  --t: 216deg;
}
lamp u:nth-child(7) {
  --t: 252deg;
}
lamp u:nth-child(8) {
  --t: 288deg;
}
lamp u:nth-child(9) {
  --t: 324deg;
}
lamp u:nth-child(11) {
  --t: 54deg;
}
lamp u:nth-child(12) {
  --t: 90deg;
}
lamp u:nth-child(13) {
  --t: 126deg;
}
lamp u:nth-child(14) {
  --t: 162deg;
}
lamp u:nth-child(15) {
  --t: 198deg;
}
lamp u:nth-child(16) {
  --t: 234deg;
}
lamp u:nth-child(17) {
  --t: 270deg;
}
lamp u:nth-child(18) {
  --t: 306deg;
}
lamp u:nth-child(19) {
  --t: 342deg;
}
lamp u:nth-child(20) {
  --t: 18deg;
}
lamp input {
  --size: 0.4rem;
  appeareance: none;
  -webkit-appearance: none;
  width: var(--size);
  height: 10rem;
  z-index: 999;
  background: red;
  transform: translateX(1rem);
  transition: height 0.25s;
  cursor: pointer;
  background: linear-gradient(90deg, #fff5, #0002) 0 100%/100% 10%, linear-gradient(#0000 90%, #edb 0), radial-gradient(farthest-side circle, #000 99%, #0000) 0 0/var(--size) var(--size);
}
lamp input:checked {
  height: 13rem;
}
lamp mast {
  width: 100%;
  height: 100%;
}
lamp mast u {
  --t: 0deg;
  --light: #fff0;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--light), #fff0 80%), linear-gradient(90deg, #fff3, #0002), #222;
  transform: rotateY(var(--t));
}
lamp lightray {
  width: 1800%;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
lamp lightray + lightray {
  transform: translate(-50%, -105%) scaleY(-1);
  aopacity: 0.5;
}
lamp lightray + lightray u {
  height: 70%;
  -webkit-mask: linear-gradient(#fff5, #fff);
  background: linear-gradient(var(--light), #fff0);
  opacity: 0.8;
  clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0 100%);
}
lamp lightray u {
  --light: #fff0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: rotateY(var(--t));
  background: radial-gradient(50% 120% at 50% 100%, var(--light), #fff0);
}
lamp top {
  width: 100%;
  height: 100%;
}
lamp top u {
  --t: 0deg;
  --light: #fff3;
  width: 5em;
  height: 12em;
  background: ivory;
  left: 50%;
  top: -15%;
  transform: translate(-50%, 0%) rotateY(var(--t)) translateZ(2em) rotateX(15deg);
  transform-origin: 50% 0;
  clip-path: polygon(37% 0, 63% 0, 83.5% 100%, 16.5% 100%);
  background: linear-gradient(#0005, #0000, #0003 5%, #0000 0 95%, #fff5 0, #0003 96%, #0000, #0005), linear-gradient(#dcc 5%, #0000 0 95%, #fee), linear-gradient(90deg, #0002, #0000 10%), radial-gradient(farthest-side at 20% 40%, var(--light), #fff0), #a98;
}

@media (max-width: 300px) {
  lamp {
    left: 50%;
  }
  lamp:has(input:checked) mast u {
    --light: #ffd0;
  }
  lamp top u {
    clip-path: none;
    background: radial-gradient(at 30% 30%, #fff1, #fff0), #000;
    transform: translate(-50%, 0%) rotateY(var(--t)) translateZ(1em);
    height: 1em;
    width: 1em;
    top: 0;
  }
  lamp lightray {
    display: none;
  }
}
/*** CSS ***/
bookshelf {
  --wood: #8a97a1;
  --back: #3e515b;
  width: 30%;
  height: 99%;
  top: 0.5%;
  left: 25%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  border: 2vh solid var(--wood);
  transform: translateZ(-45rem);
  box-shadow: 0 0 1px 1px #0008, 0 2px 3px 0px #40484f;
  background-position: 0 20px, 0 0, 0 0;
  background: linear-gradient(180deg, #fff0 18vh, var(--wood) 0 calc(20vh + 0vh), #0006 calc(20vh + 1px) calc(20vh + 2px), #fff0 0 38vh, var(--wood) 0 calc(40vh), #0006 calc(40vh + 1px) calc(40vh + 2px), #fff0 0 57.5vh, var(--wood) 0 calc(59.5vh + 0px), #0006 calc(59.5vh + 1px) calc(59.5vh + 2px), #fff0 0 77vh, var(--wood) 0 calc(79vh + 0px), #0006 calc(79vh + 1px) calc(79vh + 2px), #fff0 0 100%), linear-gradient(90deg, #0009 0, #f000 5vw 100%), linear-gradient(-90deg, #0009 0, #f000 3px 100%), linear-gradient(180deg, #0009 0, #f000 3px 100%), linear-gradient(180deg, var(--back) 2vh, #000D calc(18vh + 0px), var(--back) 0 calc(20vh + 2px), #000D calc(38vh + 0px), var(--back) calc(40vh + 0px), #000D calc(57vh + 0px), var(--back) calc(57vh + 0px), #000D calc(79vh + 0px), var(--back) calc(79vh + 1px), #000D calc(95vh + 0px), #000 0 100%);
}

book {
  opacity: 0.9;
  transition: all 1s ease 0s;
  border-left: 2px solid #fff8;
  border-top: 2px solid #fff8;
  border-right: 1px solid #0004;
  border-bottom: 1px solid #0004;
  margin-top: 2vh;
  margin-bottom: 1vmin;
  position: relative;
  box-shadow: 0px -4px 3px -1px #0004;
}
book:before {
  content: "";
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  position: absolute;
  transition: all 1s ease 0s;
  box-shadow: 1vmin 1vmin 3vmin -1.5vmin #fffc inset, -1vmin -1vmin 3vmin -1.5vmin #000c inset;
}
book:after {
  bottom: 3.5vh;
  left: calc(100% - 0.25vw);
  font-size: 0.5vmin;
  font-family: "Noto Sans Phoenician", serif;
  content: " 𐤊𐤋 𐤀𐤍𐤔𐤀 𐤉𐤋𐤄 𐤁𐤓𐤁𐤓 𐤒𐤌 𐤒𐤀𐤍𐤅𐤍 𐤅𐤂𐤓𐤂 𐤐𐤀𐤔 𐤍𐤈𐤉𐤓𐤀 𐤁𐤉𐤃 𐤒𐤀𐤍𐤅𐤍 𐤃𐤋𐤀 𐤌𐤕𐤅𐤕𐤀 𐤃𐤐𐤅𐤓𐤔𐤅𐤍𐤉𐤀 𐤁𐤋𐤉𐤄𐤉. 𐤅𐤊𐤋 𐤀𐤍𐤔𐤀 𐤂𐤓𐤂 𐤐𐤉𐤔𐤉 𐤍𐤈𐤉𐤓𐤀 𐤁𐤓𐤁𐤓 𐤒𐤌 𐤊𐤋 𐤐𐤅𐤓𐤔𐤅𐤍𐤉𐤀 𐤃𐤔𐤌𐤈𐤕𐤀 𐤃𐤔𐤓𐤏𐤕 𐤃𐤀𐤄𐤀 𐤁𐤅𐤃𐤒𐤀.";
  overflow: hidden;
  border: 0;
  color: #0008;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  transform: rotate(-90deg);
  transform-origin: 1px bottom;
  position: absolute;
  transition: all 1s ease 0s;
  box-shadow: 1vmin 1vmin 3vmin -1.5vmin #fffc inset, -1vmin -1vmin 3vmin -1.5vmin #900c inset;
  background: repeating-linear-gradient(180deg, #fff 1px, #fff8 3px), linear-gradient(-90deg, #fff0 1px, #fff 2px, #fff0 3px 100%);
  background-repeat: no-repeat;
  background-size: 1% 100%, 100% 100%;
  background-position: 100% 0, 0 0;
}
book:nth-child(1) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(1):before {
  border-radius: 1.5px;
  content: "54348";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(1):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -60px;
  line-height: 12px;
}
book:nth-child(2) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b87414 0%, #fae9d1);
  transform: rotate(2deg);
}
book:nth-child(2):before {
  border-radius: 0.5px;
  content: "37258";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(2):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -44.8px;
  line-height: 16px;
}
book:nth-child(3) {
  filter: sepia(0.25) brightness(1.05);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b83814 0%, #fadad1);
  transform: rotate(0deg);
}
book:nth-child(3):before {
  border-radius: 0.5px;
  content: "94491";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(3):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -40.8px;
  line-height: 12px;
}
book:nth-child(4) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84314 0%, #faddd1);
  transform: rotate(4deg);
}
book:nth-child(4):before {
  border-radius: 0.5px;
  content: "43740";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(4):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -1.2px;
  line-height: 12px;
}
book:nth-child(5) {
  filter: sepia(0.5) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(2deg);
}
book:nth-child(5):before {
  border-radius: 0.5px;
  content: "91257";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(5):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -73.6px;
  line-height: 16px;
}
book:nth-child(6) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b83d14 0%, #fadbd1);
  transform: rotate(0deg);
}
book:nth-child(6):before {
  border-radius: 1px;
  content: "79262";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(6):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -80px;
  line-height: 16px;
}
book:nth-child(7) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84814 0%, #faded1);
  transform: rotate(1deg);
}
book:nth-child(7):before {
  border-radius: 2.5px;
  content: "19179";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(7):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -21.6px;
  line-height: 12px;
}
book:nth-child(8) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b84014 0%, #fadcd1);
  transform: rotate(0deg);
}
book:nth-child(8):before {
  border-radius: 1px;
  content: "82130";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(8):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -20.8px;
  line-height: 16px;
}
book:nth-child(9) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(0deg);
}
book:nth-child(9):before {
  border-radius: 2.5px;
  content: "35525";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(9):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -37.2px;
  line-height: 12px;
}
book:nth-child(10) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85614 0%, #fae1d1);
  transform: rotate(0deg);
}
book:nth-child(10):before {
  border-radius: 2.5px;
  content: "32957";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(10):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -9.6px;
  line-height: 12px;
}
book:nth-child(11) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b85614 0%, #fae1d1);
  transform: rotate(4deg);
}
book:nth-child(11):before {
  border-radius: 1px;
  content: "56306";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(11):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -49.6px;
  line-height: 16px;
}
book:nth-child(12) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(12):before {
  border-radius: 0.5px;
  content: "70766";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(12):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -67.2px;
  line-height: 16px;
}
book:nth-child(13) {
  filter: sepia(1) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(13):before {
  border-radius: 2px;
  content: "56613";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(13):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -1.2px;
  line-height: 12px;
}
book:nth-child(14) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b83d14 0%, #fadbd1);
  transform: rotate(0deg);
}
book:nth-child(14):before {
  border-radius: 2px;
  content: "92849";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(14):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -28.8px;
  line-height: 12px;
}
book:nth-child(15) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(0deg);
}
book:nth-child(15):before {
  border-radius: 2px;
  content: "96611";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(15):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -46.4px;
  line-height: 16px;
}
book:nth-child(16) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84514 0%, #faddd1);
  transform: rotate(2deg);
}
book:nth-child(16):before {
  border-radius: 1.5px;
  content: "58789";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(16):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -39.6px;
  line-height: 12px;
}
book:nth-child(17) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(2deg);
}
book:nth-child(17):before {
  border-radius: 1.5px;
  content: "61293";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(17):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -14.4px;
  line-height: 12px;
}
book:nth-child(18) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b87114 0%, #fae8d1);
  transform: rotate(2deg);
}
book:nth-child(18):before {
  border-radius: 1.5px;
  content: "16699";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(18):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -40px;
  line-height: 16px;
}
book:nth-child(19) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b83a14 0%, #fadbd1);
  transform: rotate(2deg);
}
book:nth-child(19):before {
  border-radius: 2px;
  content: "26011";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(19):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -51.6px;
  line-height: 12px;
}
book:nth-child(20) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b86e14 0%, #fae8d1);
  transform: rotate(3deg);
}
book:nth-child(20):before {
  border-radius: 2px;
  content: "99250";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(20):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -6.4px;
  line-height: 16px;
}
book:nth-child(21) {
  filter: sepia(1.25) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(0deg);
}
book:nth-child(21):before {
  border-radius: 0.5px;
  content: "92303";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(21):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -27.6px;
  line-height: 12px;
}
book:nth-child(22) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b86614 0%, #fae6d1);
  transform: rotate(3deg);
}
book:nth-child(22):before {
  border-radius: 1px;
  content: "57646";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(22):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -46.4px;
  line-height: 16px;
}
book:nth-child(23) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b86314 0%, #fae5d1);
  transform: rotate(0deg);
}
book:nth-child(23):before {
  border-radius: 2.5px;
  content: "53107";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(23):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -12px;
  line-height: 12px;
}
book:nth-child(24) {
  filter: sepia(1) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(4deg);
}
book:nth-child(24):before {
  border-radius: 1.5px;
  content: "57749";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(24):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -16.8px;
  line-height: 12px;
}
book:nth-child(25) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85314 0%, #fae1d1);
  transform: rotate(4deg);
}
book:nth-child(25):before {
  border-radius: 1.5px;
  content: "20994";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(25):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -40.8px;
  line-height: 12px;
}
book:nth-child(26) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(26):before {
  border-radius: 1px;
  content: "62803";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(26):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -55.2px;
  line-height: 12px;
}
book:nth-child(27) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(0deg);
}
book:nth-child(27):before {
  border-radius: 1.5px;
  content: "64781";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(27):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -34.8px;
  line-height: 12px;
}
book:nth-child(28) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b87414 0%, #fae9d1);
  transform: rotate(4deg);
}
book:nth-child(28):before {
  border-radius: 2px;
  content: "70408";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(28):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -56px;
  line-height: 16px;
}
book:nth-child(29) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85b14 0%, #fae3d1);
  transform: rotate(2deg);
}
book:nth-child(29):before {
  border-radius: 2.5px;
  content: "61512";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(29):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -22.8px;
  line-height: 12px;
}
book:nth-child(30) {
  filter: sepia(1.25) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(3deg);
}
book:nth-child(30):before {
  border-radius: 0.5px;
  content: "70113";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(30):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -75.2px;
  line-height: 16px;
}
book:nth-child(31) {
  filter: sepia(1.25) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(4deg);
}
book:nth-child(31):before {
  border-radius: 1px;
  content: "74362";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(31):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -72px;
  line-height: 16px;
}
book:nth-child(32) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(4deg);
}
book:nth-child(32):before {
  border-radius: 2px;
  content: "68993";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(32):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -12.8px;
  line-height: 16px;
}
book:nth-child(33) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(2deg);
}
book:nth-child(33):before {
  border-radius: 1.5px;
  content: "42523";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(33):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -48px;
  line-height: 12px;
}
book:nth-child(34) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85814 0%, #fae2d1);
  transform: rotate(3deg);
}
book:nth-child(34):before {
  border-radius: 2.5px;
  content: "76499";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(34):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -8px;
  line-height: 16px;
}
book:nth-child(35) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(1deg);
}
book:nth-child(35):before {
  border-radius: 0.5px;
  content: "53158";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(35):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -7.2px;
  line-height: 12px;
}
book:nth-child(36) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(2deg);
}
book:nth-child(36):before {
  border-radius: 2px;
  content: "92702";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(36):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -76.8px;
  line-height: 16px;
}
book:nth-child(37) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(3deg);
}
book:nth-child(37):before {
  border-radius: 1.5px;
  content: "60538";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(37):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -2.4px;
  line-height: 12px;
}
book:nth-child(38) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(1deg);
}
book:nth-child(38):before {
  border-radius: 2px;
  content: "85165";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(38):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -54px;
  line-height: 12px;
}
book:nth-child(39) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(39):before {
  border-radius: 1px;
  content: "41885";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(39):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -50.4px;
  line-height: 12px;
}
book:nth-child(40) {
  filter: sepia(1) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86b14 0%, #fae7d1);
  transform: rotate(3deg);
}
book:nth-child(40):before {
  border-radius: 1.5px;
  content: "78938";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(40):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -62.4px;
  line-height: 16px;
}
book:nth-child(41) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(3deg);
}
book:nth-child(41):before {
  border-radius: 2px;
  content: "74164";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(41):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -54px;
  line-height: 12px;
}
book:nth-child(42) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b86614 0%, #fae6d1);
  transform: rotate(0deg);
}
book:nth-child(42):before {
  border-radius: 2.5px;
  content: "75872";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(42):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -54.4px;
  line-height: 16px;
}
book:nth-child(43) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85314 0%, #fae1d1);
  transform: rotate(0deg);
}
book:nth-child(43):before {
  border-radius: 1.5px;
  content: "73484";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(43):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -56px;
  line-height: 16px;
}
book:nth-child(44) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86914 0%, #fae6d1);
  transform: rotate(2deg);
}
book:nth-child(44):before {
  border-radius: 1.5px;
  content: "52088";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(44):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -25.2px;
  line-height: 12px;
}
book:nth-child(45) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(2deg);
}
book:nth-child(45):before {
  border-radius: 1.5px;
  content: "36556";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(45):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -54.4px;
  line-height: 16px;
}
book:nth-child(46) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84514 0%, #faddd1);
  transform: rotate(3deg);
}
book:nth-child(46):before {
  border-radius: 2.5px;
  content: "81541";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(46):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -36.8px;
  line-height: 16px;
}
book:nth-child(47) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b87114 0%, #fae8d1);
  transform: rotate(3deg);
}
book:nth-child(47):before {
  border-radius: 2.5px;
  content: "31487";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(47):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -12.8px;
  line-height: 16px;
}
book:nth-child(48) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b85b14 0%, #fae3d1);
  transform: rotate(1deg);
}
book:nth-child(48):before {
  border-radius: 1px;
  content: "62630";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(48):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -17.6px;
  line-height: 16px;
}
book:nth-child(49) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(4deg);
}
book:nth-child(49):before {
  border-radius: 2.5px;
  content: "44458";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(49):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -19.2px;
  line-height: 12px;
}
book:nth-child(50) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85814 0%, #fae2d1);
  transform: rotate(4deg);
}
book:nth-child(50):before {
  border-radius: 0.5px;
  content: "91813";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(50):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -6.4px;
  line-height: 16px;
}
book:nth-child(51) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b86114 0%, #fae4d1);
  transform: rotate(2deg);
}
book:nth-child(51):before {
  border-radius: 1px;
  content: "27183";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(51):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -4.8px;
  line-height: 12px;
}
book:nth-child(52) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b83814 0%, #fadad1);
  transform: rotate(2deg);
}
book:nth-child(52):before {
  border-radius: 1.5px;
  content: "36778";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(52):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -64px;
  line-height: 16px;
}
book:nth-child(53) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86914 0%, #fae6d1);
  transform: rotate(2deg);
}
book:nth-child(53):before {
  border-radius: 1.5px;
  content: "37002";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(53):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 12px;
  text-indent: -42px;
  line-height: 12px;
}
book:nth-child(54) {
  filter: sepia(1) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b85614 0%, #fae1d1);
  transform: rotate(4deg);
}
book:nth-child(54):before {
  border-radius: 1px;
  content: "61794";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(54):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -24px;
  line-height: 16px;
}
book:nth-child(55) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85b14 0%, #fae3d1);
  transform: rotate(2deg);
}
book:nth-child(55):before {
  border-radius: 0.5px;
  content: "19042";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(55):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -54px;
  line-height: 12px;
}
book:nth-child(56) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(1deg);
}
book:nth-child(56):before {
  border-radius: 2.5px;
  content: "36948";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(56):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -60.8px;
  line-height: 16px;
}
book:nth-child(57) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84014 0%, #fadcd1);
  transform: rotate(1deg);
}
book:nth-child(57):before {
  border-radius: 1.5px;
  content: "58303";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(57):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -22.8px;
  line-height: 12px;
}
book:nth-child(58) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84514 0%, #faddd1);
  transform: rotate(3deg);
}
book:nth-child(58):before {
  border-radius: 2.5px;
  content: "29096";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(58):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -58.8px;
  line-height: 12px;
}
book:nth-child(59) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b86114 0%, #fae4d1);
  transform: rotate(0deg);
}
book:nth-child(59):before {
  border-radius: 0.5px;
  content: "31131";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(59):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -21.6px;
  line-height: 12px;
}
book:nth-child(60) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(1deg);
}
book:nth-child(60):before {
  border-radius: 0.5px;
  content: "86760";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(60):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -41.6px;
  line-height: 16px;
}
book:nth-child(61) {
  filter: sepia(0.25) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b83d14 0%, #fadbd1);
  transform: rotate(2deg);
}
book:nth-child(61):before {
  border-radius: 0.5px;
  content: "23819";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(61):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -52.8px;
  line-height: 16px;
}
book:nth-child(62) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(62):before {
  border-radius: 1.5px;
  content: "88364";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(62):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -44.4px;
  line-height: 12px;
}
book:nth-child(63) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(1deg);
}
book:nth-child(63):before {
  border-radius: 2.5px;
  content: "20763";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(63):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -54.4px;
  line-height: 16px;
}
book:nth-child(64) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b87114 0%, #fae8d1);
  transform: rotate(3deg);
}
book:nth-child(64):before {
  border-radius: 1.5px;
  content: "68994";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(64):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -3.2px;
  line-height: 16px;
}
book:nth-child(65) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86914 0%, #fae6d1);
  transform: rotate(1deg);
}
book:nth-child(65):before {
  border-radius: 1.5px;
  content: "64924";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(65):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -2.4px;
  line-height: 12px;
}
book:nth-child(66) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85b14 0%, #fae3d1);
  transform: rotate(2deg);
}
book:nth-child(66):before {
  border-radius: 2.5px;
  content: "50079";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(66):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -34.8px;
  line-height: 12px;
}
book:nth-child(67) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86114 0%, #fae4d1);
  transform: rotate(0deg);
}
book:nth-child(67):before {
  border-radius: 1.5px;
  content: "27507";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(67):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -46.4px;
  line-height: 16px;
}
book:nth-child(68) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84514 0%, #faddd1);
  transform: rotate(2deg);
}
book:nth-child(68):before {
  border-radius: 0.5px;
  content: "42842";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(68):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -56px;
  line-height: 16px;
}
book:nth-child(69) {
  filter: sepia(0.5) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(69):before {
  border-radius: 2px;
  content: "29435";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(69):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -54px;
  line-height: 12px;
}
book:nth-child(70) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(70):before {
  border-radius: 1.5px;
  content: "59792";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(70):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -17.6px;
  line-height: 16px;
}
book:nth-child(71) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b83d14 0%, #fadbd1);
  transform: rotate(0deg);
}
book:nth-child(71):before {
  border-radius: 2.5px;
  content: "25947";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(71):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -57.6px;
  line-height: 12px;
}
book:nth-child(72) {
  filter: sepia(1) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(1deg);
}
book:nth-child(72):before {
  border-radius: 0.5px;
  content: "50893";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(72):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -75.2px;
  line-height: 16px;
}
book:nth-child(73) {
  filter: sepia(0.5) brightness(1.05);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86314 0%, #fae5d1);
  transform: rotate(0deg);
}
book:nth-child(73):before {
  border-radius: 1.5px;
  content: "77046";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(73):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -38.4px;
  line-height: 16px;
}
book:nth-child(74) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b86914 0%, #fae6d1);
  transform: rotate(0deg);
}
book:nth-child(74):before {
  border-radius: 0.5px;
  content: "45492";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(74):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -30.4px;
  line-height: 16px;
}
book:nth-child(75) {
  filter: sepia(1) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85614 0%, #fae1d1);
  transform: rotate(2deg);
}
book:nth-child(75):before {
  border-radius: 2.5px;
  content: "70145";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(75):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 12px;
  text-indent: -34.8px;
  line-height: 12px;
}
book:nth-child(76) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(76):before {
  border-radius: 1.5px;
  content: "27778";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(76):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -51.2px;
  line-height: 16px;
}
book:nth-child(77) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b83a14 0%, #fadbd1);
  transform: rotate(4deg);
}
book:nth-child(77):before {
  border-radius: 1px;
  content: "97603";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(77):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -25.2px;
  line-height: 12px;
}
book:nth-child(78) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(2deg);
}
book:nth-child(78):before {
  border-radius: 0.5px;
  content: "34844";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(78):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -14.4px;
  line-height: 16px;
}
book:nth-child(79) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b86914 0%, #fae6d1);
  transform: rotate(0deg);
}
book:nth-child(79):before {
  border-radius: 0.5px;
  content: "87401";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(79):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -6px;
  line-height: 12px;
}
book:nth-child(80) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84514 0%, #faddd1);
  transform: rotate(4deg);
}
book:nth-child(80):before {
  border-radius: 0.5px;
  content: "79880";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(80):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -67.2px;
  line-height: 16px;
}
book:nth-child(81) {
  filter: sepia(1.25) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b86614 0%, #fae6d1);
  transform: rotate(2deg);
}
book:nth-child(81):before {
  border-radius: 1px;
  content: "13951";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(81):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -51.2px;
  line-height: 16px;
}
book:nth-child(82) {
  filter: sepia(0.25) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(2deg);
}
book:nth-child(82):before {
  border-radius: 2.5px;
  content: "44894";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(82):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 11.75vh;
  font-size: 12px;
  text-indent: -32.4px;
  line-height: 12px;
}
book:nth-child(83) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(3deg);
}
book:nth-child(83):before {
  border-radius: 2.5px;
  content: "85456";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(83):after {
  top: auto;
  height: 1.25vw;
  border-radius: 2.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -54.4px;
  line-height: 16px;
}
book:nth-child(84) {
  filter: sepia(1.25) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b85014 0%, #fae0d1);
  transform: rotate(1deg);
}
book:nth-child(84):before {
  border-radius: 1px;
  content: "18333";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(84):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -36px;
  line-height: 12px;
}
book:nth-child(85) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85e14 0%, #fae3d1);
  transform: rotate(0deg);
}
book:nth-child(85):before {
  border-radius: 0.5px;
  content: "43872";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(85):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -42px;
  line-height: 12px;
}
book:nth-child(86) {
  filter: sepia(0.25) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(0deg);
}
book:nth-child(86):before {
  border-radius: 2.5px;
  content: "17006";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(86):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -6.4px;
  line-height: 16px;
}
book:nth-child(87) {
  filter: sepia(1) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84814 0%, #faded1);
  transform: rotate(0deg);
}
book:nth-child(87):before {
  border-radius: 2.5px;
  content: "25998";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(87):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 8.75vh;
  font-size: 16px;
  text-indent: -19.2px;
  line-height: 16px;
}
book:nth-child(88) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b85b14 0%, #fae3d1);
  transform: rotate(0deg);
}
book:nth-child(88):before {
  border-radius: 0.5px;
  content: "73970";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(88):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -48px;
  line-height: 16px;
}
book:nth-child(89) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 12.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b83214 0%, #fad9d1);
  transform: rotate(3deg);
}
book:nth-child(89):before {
  border-radius: 2.5px;
  content: "37463";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(89):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -12px;
  line-height: 12px;
}
book:nth-child(90) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 16.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84314 0%, #faddd1);
  transform: rotate(1deg);
}
book:nth-child(90):before {
  border-radius: 1.5px;
  content: "39242";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(90):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -37.2px;
  line-height: 12px;
}
book:nth-child(91) {
  filter: sepia(0.75) brightness(0.84);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b87114 0%, #fae8d1);
  transform: rotate(2deg);
}
book:nth-child(91):before {
  border-radius: 1.5px;
  content: "84041";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(91):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 12px;
  text-indent: -2.4px;
  line-height: 12px;
}
book:nth-child(92) {
  filter: sepia(1) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(92):before {
  border-radius: 1.5px;
  content: "67060";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(92):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -75.2px;
  line-height: 16px;
}
book:nth-child(93) {
  filter: sepia(0.5) brightness(1.05);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84b14 0%, #fadfd1);
  transform: rotate(1deg);
}
book:nth-child(93):before {
  border-radius: 0.5px;
  content: "31959";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(93):after {
  top: auto;
  height: 2.25vw;
  border-radius: 0.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -30.4px;
  line-height: 16px;
}
book:nth-child(94) {
  filter: sepia(1.25) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 1px;
  background: linear-gradient(150deg, #b83514 0%, #fad9d1);
  transform: rotate(3deg);
}
book:nth-child(94):before {
  border-radius: 1px;
  content: "25638";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(94):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -56px;
  line-height: 16px;
}
book:nth-child(95) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 16.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b83814 0%, #fadad1);
  transform: rotate(0deg);
}
book:nth-child(95):before {
  border-radius: 1.5px;
  content: "51743";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(95):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 12.75vh;
  font-size: 16px;
  text-indent: -25.6px;
  line-height: 16px;
}
book:nth-child(96) {
  filter: sepia(0.5) brightness(1.05);
  /*11.75vh*/
  height: 14.5vh;
  width: 2.75vw;
  border-radius: 2px;
  background: linear-gradient(150deg, #b87414 0%, #fae9d1);
  transform: rotate(4deg);
}
book:nth-child(96):before {
  border-radius: 2px;
  content: "54071";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(96):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -49.6px;
  line-height: 16px;
}
book:nth-child(97) {
  filter: sepia(0.5) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 2.75vw;
  border-radius: 2.5px;
  background: linear-gradient(150deg, #b84014 0%, #fadcd1);
  transform: rotate(1deg);
}
book:nth-child(97):before {
  border-radius: 2.5px;
  content: "15738";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(97):after {
  top: auto;
  height: 2.25vw;
  border-radius: 2.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -22.4px;
  line-height: 16px;
}
book:nth-child(98) {
  filter: sepia(0.75) brightness(1.05);
  /*11.75vh*/
  height: 12.5vh;
  width: 1.75vw;
  border-radius: 0.5px;
  background: linear-gradient(150deg, #b84814 0%, #faded1);
  transform: rotate(4deg);
}
book:nth-child(98):before {
  border-radius: 0.5px;
  content: "23918";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(98):after {
  top: auto;
  height: 1.25vw;
  border-radius: 0.5px;
  width: 8.75vh;
  font-size: 12px;
  text-indent: -4.8px;
  line-height: 12px;
}
book:nth-child(99) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 14.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b86b14 0%, #fae7d1);
  transform: rotate(3deg);
}
book:nth-child(99):before {
  border-radius: 1.5px;
  content: "50151";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(99):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 10.75vh;
  font-size: 16px;
  text-indent: -78.4px;
  line-height: 16px;
}
book:nth-child(100) {
  filter: sepia(0.5) brightness(0.84);
  /*11.75vh*/
  height: 15.5vh;
  width: 2.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84314 0%, #faddd1);
  transform: rotate(0deg);
}
book:nth-child(100):before {
  border-radius: 1.5px;
  content: "45016";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(100):after {
  top: auto;
  height: 2.25vw;
  border-radius: 1.5px;
  width: 11.75vh;
  font-size: 16px;
  text-indent: -56px;
  line-height: 16px;
}
book:nth-child(101) {
  filter: sepia(1) brightness(0.63);
  /*11.75vh*/
  height: 13.5vh;
  width: 1.75vw;
  border-radius: 1.5px;
  background: linear-gradient(150deg, #b84e14 0%, #fadfd1);
  transform: rotate(2deg);
}
book:nth-child(101):before {
  border-radius: 1.5px;
  content: "53484";
  overflow: hidden;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 -1px 0 #fff8;
  color: #0008;
  padding-right: 2px;
  padding-bottom: 1.25vh;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: Arial, Helvetica, serif;
  background: linear-gradient(0deg, #fff0 0.5vh, #0008 0.55vh, #fff 0.6vh 3vh, #0008 3.05vh, #fff0 3.1vh 100%);
}
book:nth-child(101):after {
  top: auto;
  height: 1.25vw;
  border-radius: 1.5px;
  width: 9.75vh;
  font-size: 16px;
  text-indent: -14.4px;
  line-height: 16px;
}
book:nth-child(102) {
  filter: sepia(0.75) brightness(0.63);
  /*11.75vh*/
  height: 15.5vh;
  width: 1.75vw;
  border-radius: 2.5px;
  background: linear-gradient.........完整代码请登录后点击上方下载按钮下载查看

网友评论0