.title{font-size:100px;font-family:'Alimama_DongFangDaKai','sans-serif';text-align:center}@keyframes colorShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.content-panel{float:center;min-width:80%;overflow-y:auto;max-height:100vh}.content-panel::-webkit-scrollbar{width:10px;border-radius:3px}.content-panel::-webkit-scrollbar-thumb{background-color:#6ecf8ee6;border-radius:3px}.content-panel::-webkit-scrollbar-track{background-color:#83f7aa80;border-radius:3px}.bookshelf-panel{width:100%;height:70vh;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(auto-fill,1fr);overflow-y:auto}.book-panel{width:20vw;height:20vh;max-height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:rgba(255,255,255,0.3);box-shadow:0 0 10px rgba(0,0,0,0.5);transition:all .3s ease-in-out}.book-panel:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,0,0,0.5)}.book-panel h2{font-size:24px;font-family:'Alimama_DongFangDaKai','sans-serif';margin-bottom:10px}.book-panel p{font-size:16px;margin-bottom:10px}.book-panel a{display:inline-block;padding:10px 20px;background-color:#fff;color:#000;border-radius:5px;text-decoration:none;transition:all .3s ease-in-out}.book-panel a:hover{background-color:#000;color:#fff}.book-panel img{width:70%;height:90%;object-fit:contain}img.book-background{width:100%;height:100%;object-fit:cover}.absolute-container{position:static;height:100%;width:100%;overflow:hidden}.absolute-overlay{position:absolute;top:0;left:0;width:100%;height:90%;display:flex;text-align:1em;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:background .3s ease;writing-mode:vertical-rl;color:#000}.avatar-background{max-width:7vw;max-height:7vh;border-radius:50px}