body{display:block;background-color:#e0dbd1}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e0dbd1;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{text-align:center;color:#8b4513;font-family:Georgia,serif}.loading-content p{margin-top:16px;font-size:18px}.loading-spinner{width:48px;height:48px;border:4px solid rgb(139,69,19);border-top-color:transparent;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#walls{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.wall-of-shelves{margin:4px;display:grid;grid-template-columns:1;justify-content:center}.shelf{display:flex;justify-content:space-between;height:171px;border:10px solid rgb(139,69,19);background-color:#432209}.book-pile{display:inline}.pile-label{text-align:center;color:#fff;font-size:8px;height:10px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shelved-pile{display:flex;margin-bottom:1px}.book{background-color:#4caf50;color:#000;border:.1px solid rgba(0,0,0,.5);cursor:pointer;height:150px;margin-top:20px;margin-right:.5px;margin-left:.5px;transition-duration:1s}.book .book-title{position:relative;transform-origin:top left;transform:rotate(-90deg);top:150px;width:130px;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.book .book-title .title-text{display:inline-block}.book .book-author{position:relative;transform-origin:top left;transform:rotate(-90deg);top:150px;width:130px;padding-left:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px}