@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Open Sans,Arial,Helvetica,sans-serif;margin:0;padding:0}.book-container{height:100vh;overflow:hidden;position:relative;transition:background-color .7s ease;width:100vw}.content-wrapper{display:flex;height:100%;width:100%}.text-section{align-items:center;display:flex;height:100%;justify-content:center;padding:48px;width:50%}.story-text{color:#1f1919;font-family:EB Garamond,serif;font-optical-sizing:auto;font-size:44px;font-style:normal;font-weight:700;line-height:1.4;text-align:left;width:80%}.image-section{height:100%;overflow:hidden;padding:8vh;position:relative;width:50%}.main-image{display:block;height:100%;width:100%}.image-overlay{bottom:0;top:0}.image-overlay,.navigation{left:0;position:absolute;right:0}.navigation{bottom:32px;gap:24px;justify-content:center}.nav-button,.navigation{align-items:center;display:flex}.nav-button{background:#000000e6;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:12px;transition:all .3s ease}.nav-button:hover:not(:disabled){transform:scale(1.05)}.nav-button:disabled{cursor:not-allowed;opacity:.4}.page-indicators{display:flex;gap:8px}.indicator-dot{border-radius:4px;height:8px;transition:all .3s ease}.indicator-dot.active{background:#000;width:32px}.indicator-dot.inactive{background:#0006;width:8px}.page-counter{color:#000c;font-size:18px;font-weight:600;position:absolute;right:32px;top:32px}.cover-wrapper{align-items:flex-start;display:flex;height:100%;justify-content:center;position:relative;width:100%}.cover-image{height:100%;object-fit:cover;width:100%}.cover-image,.cover-overlay{left:0;position:absolute;top:0}.cover-overlay{bottom:0;right:0}.cover-text{color:#000;font-family:EB Garamond,serif;font-optical-sizing:auto;font-size:12vh;font-style:normal;font-weight:700;margin-top:4vh;padding:0 48px;position:relative;text-align:center;z-index:10}
/*# sourceMappingURL=main.d59c2f59.css.map*/