#main{flex-direction:row;gap:10px;width:90%;max-width:800px;height:100vh;margin:0 auto;padding-top:3rem;display:flex}.comic{cursor:pointer;flex-direction:row;gap:1rem;margin-bottom:1.5rem;display:flex}.comic img{object-fit:cover;width:180px;height:270px}@media (width<=768px){#main{flex-direction:column;display:flex}}.viewer-container{flex-direction:column;height:100dvh;padding-top:2rem;display:flex}#main{overscroll-behavior-y:contain;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:1;justify-content:center;align-items:flex-start;width:60%;max-height:100dvh;margin:0 auto;display:flex;overflow:auto}#image-display{flex-direction:column;align-items:center;width:115%;display:flex}#image-display img{width:100%;height:auto;margin-bottom:10%;display:block}.page-wrapper{width:100%;min-height:100vh;margin-bottom:10%;position:relative}.page-wrapper img{opacity:0;min-height:100vh;margin-bottom:0;transition:opacity .25s}.page-wrapper img.loaded{opacity:1}.page-spinner{justify-content:center;align-items:center;width:100%;min-height:40vh;display:flex;position:absolute;top:0;left:0}.page-wrapper img.loaded+.page-spinner{display:none}#bottom-loader{justify-content:center;align-items:center;width:100%;padding:30px 0 60px;display:none}#bottom-loader.visible{display:flex}.spinner{border:3px solid #eaecf026;border-top-color:#eaecf0;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){#main{width:90%;height:70vh;max-height:70vh}#image-display img{width:150%}}body{width:100vw;height:100vh;margin:0;padding:0}nav{text-align:center;background-color:#333;flex-direction:row;gap:20px;padding:1rem;display:flex}nav a{color:#fff;white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:flex}nav a:last-child{margin-left:auto}nav a:hover{text-decoration:underline}nav img{object-fit:contain;width:1.5rem;height:1.5rem;padding-right:.3rem;display:block}