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