@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400&family=Josefin+Sans:wght@400;700&display=swap);body{font-family:Arial,sans-serif}#story-container{padding:20px}.story-text{font-size:17px;margin-bottom:20px}body{align-items:flex-start;background-color:#f7f4ef;box-sizing:border-box;color:#333;display:flex;font-family:Crimson Text,serif;justify-content:center;margin:0;min-height:100vh;padding:0}.container{display:flex;height:100vh;width:100vw}.content-panel,.text-panel{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;color:#333;flex:1 1;margin:10px;max-height:calc(100vh - 80px);overflow-y:auto;padding:20px}.section-content,.story-container{word-wrap:break-word;background-color:#fff;border-radius:8px;font-family:Crimson Text,serif;font-size:17px;line-height:1.3;margin-bottom:20px;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px;white-space:pre-wrap}.section-content,.story-text{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;margin-bottom:20px;padding:20px}.story-text p{line-break:auto;line-height:1.4;margin:1em 0}.section-title{color:#555;font-family:Josefin Sans,sans-serif;font-size:24px;font-weight:700;margin-bottom:10px}.scene-link{color:inherit;cursor:pointer;font-weight:700;text-decoration:underline}.scene-link:hover{color:#036}.book-btn-div{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.book-image{border-radius:8px;height:auto;max-width:100%;transition:transform .3s ease}.book-image:hover{transform:scale(1.05)}.play-button{background-color:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:18px;margin-top:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.play-button:hover{background-color:#0080ff;color:#fff}.button-panel{justify-content:center}button{background-color:#e7e7e7;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:18px;margin:0 10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}button:hover{background-color:#ccc;color:#333}#back-button,#save-button{background-color:#e7e7e7;border-color:#ccc}#back-button:hover,#save-button:hover{background-color:#ccc;color:#333}.modal{background-color:#0009;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:10% auto;max-width:600px;padding:20px;width:80%}.close{color:#666;cursor:pointer;float:right;font-size:24px}.close:hover{color:#333}.navbar{padding:10px}.navbar-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.button-panel{display:flex;justify-content:space-around;margin-top:10px;width:100%}.navigation-button{background-color:#e7e7e7;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.navigation-button:hover{background-color:#ccc;color:#333}.text-size-controls{display:flex;justify-content:center;margin-top:10px}.text-size-button{background-color:#e7e7e7;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:18px;margin:0 5px;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.text-size-button:hover{background-color:#ccc;color:#333}.restart-button{background-color:#7cbdff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:18px;margin-left:10px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.restart-button:hover{background-color:#900;color:#fff}#map-container{margin:20px 0;text-align:center}#map-image{height:auto;max-width:100%}
/*# sourceMappingURL=main.cd6cb9c8.css.map*/