body{background-color:#161618;height:100vh;margin:0}.card-body{align-items:center;background-color:#2f2f2f;border-radius:2.5rem;box-shadow:14px 14px 30px #0006,inset 14px 14px 30px #0006;display:flex;height:18rem;justify-content:center;margin:2rem;width:27rem;transition-duration:.2s}.card-body:hover{background-color:#2a2a2a;transition-duration:.2s}.card-body img{height:15rem;width:24rem;border-radius:1rem}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;display:flex;justify-content:center;align-items:center}.popup-content{height:90vh;width:50rem;border-radius:1rem;animation:zoomIn .3s ease-in-out;background:linear-gradient(to bottom,#2f2f2f00 26%,#2f2f2f 74%),url(path/to/your/background-image.jpg)}.popup-content.zoom-in{animation:zoomIn .3s ease-in-out}.popup-content.zoom-out{animation:zoomOut .3s ease-in-out}.popup-logo{width:45rem;margin:0 2.5rem;display:flex;justify-content:center;align-items:center}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.volumeCard-body{align-items:center;background-color:#2f2f2f;border-radius:1.7rem;box-shadow:14px 14px 30px #0006,inset 14px 14px 30px #0006;display:flex;height:12rem;justify-content:center;margin:2.5rem;width:45rem;cursor:pointer;transition-duration:.2s}.volumeCard-body:hover{background-color:#2a2a2a;transition-duration:.2s}.volumeCard-cover{border-radius:1rem;height:10rem}.volumeCard-infos{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;width:35rem;color:#f0f8ff;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:2.5rem}.series-cards{align-content:center;align-items:center;display:flex;flex-wrap:wrap;height:100vh;justify-content:center}.header{position:fixed;top:0;background-color:#3c3c3c;height:4rem;width:100%;display:flex;justify-content:space-between;z-index:10}.header-bouton-retour{all:unset}.header-bouton-retour{align-items:center;background-color:#3c3c3c;color:#f0f8ff;cursor:pointer;display:flex;font-size:1.5rem;height:4rem;justify-content:center;width:10rem}.header-options{height:4rem;display:flex;justify-content:center;align-items:center;gap:2rem;margin-right:2rem}.header-options div{height:4rem;display:flex;justify-content:center;align-items:center;gap:.2rem;font-size:1.2rem;color:#f0f8ff}.story-html{height:100%;padding:5rem;margin:0 auto}.story-html h1,.story-html h2{text-align:center;scroll-margin-top:6rem}.story-html h3{margin-top:3rem;text-align:center;scroll-margin-top:6rem;position:sticky;top:5rem;padding:1rem 0;z-index:5;background-color:inherit;box-shadow:none;cursor:pointer;transition:box-shadow .2s ease}.story-html h3.is-stuck{box-shadow:0 .5rem 1.5rem #00000040}.story-html p{text-align:justify}body::-webkit-scrollbar{display:none;background:none}.theme-light{background-color:#f5f5f5;color:#333}.theme-light h3{background-color:#f5f5f5}.theme-dark{background-color:#1f1f1f;color:#f5f5f5}.theme-dark h3{background-color:#1f1f1f}.chapter-menu{position:fixed;top:8.5rem;left:50%;transform:translate(-50%);max-height:24rem;width:min(28rem,90vw);border-radius:.75rem;padding:.75rem 0;overflow-y:auto;box-shadow:0 1rem 2.5rem #00000059;z-index:20}.chapter-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.chapter-menu li button{width:100%;border:none;background:none;text-align:left;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:0;color:inherit;transition:background-color .2s ease}.chapter-menu li button:hover,.chapter-menu li button:focus{background-color:#00000014}.chapter-menu li button.is-active{font-weight:600}.chapter-menu.theme-light{background-color:#fff;color:#1f1f1f}.chapter-menu.theme-light li button:hover,.chapter-menu.theme-light li button:focus{background-color:#0000000f}.chapter-menu.theme-dark{background-color:#2a2a2a;color:#f5f5f5}.chapter-menu.theme-dark li button:hover,.chapter-menu.theme-dark li button:focus{background-color:#ffffff14}.header-options select{height:2rem;border-radius:.25rem;border:none;padding:0 .5rem}.header-options label{white-space:nowrap}