:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%}.book-container{width:100vw;height:100vh;overflow:hidden;background-color:#f5f0e6;display:flex;align-items:center;justify-content:center;position:relative}.page{background:#fff;padding:5vh 5vw;font-family:Georgia,serif;font-size:1.1rem;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto}.title{font-size:2rem;margin-bottom:1rem;font-family:Georgia,serif}.paragraph{text-align:justify;line-height:1.8}.paragraph:first-letter{float:left;font-size:3rem;line-height:1;padding-right:10px;font-family:Georgia,serif;color:#444}.nav-button{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;background:#0000000d;border:none;cursor:pointer;padding:.5rem 1rem;z-index:10;transition:background .2s ease}.nav-button:hover{background:#0000001a}.nav-button:disabled{opacity:.3;cursor:not-allowed}.nav-button.left{left:10px}.nav-button.right{right:10px}