body{background-color:#dde89a;color:#333;font-family:Comic Sans MS,Arial,sans-serif;margin:0}body,html{min-height:100%;padding:0}.app,body,html{display:flex;flex-direction:column}.app{min-height:100vh}.main-content{flex:1 1}.header{align-items:center;background-color:#ed9223;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:5px 20px}.logo-image{height:75px}.menu{margin:0;padding:0}.menu-item{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:10px;text-decoration:none;transition:transform .3s,color .3s}.menu-item:hover{color:#ffd54f;transform:scale(1.1)}.menu-icon{height:24px;width:24px}.footer{font-size:.8rem;margin-top:auto;padding:10px;text-align:center}.coloring-layout{align-items:stretch;box-sizing:border-box;display:flex;gap:0;height:760px;justify-content:space-between;margin:20px auto;max-width:1200px}.text-and-audio-container{display:flex;flex:1 1;flex-direction:column;max-height:100%;overflow-y:auto}.text-image{border-radius:10px;box-shadow:0 4px 6px #0003;height:auto;margin-bottom:23px;max-width:260px;width:100%}.text-section{align-items:center;background-color:#fff;border-radius:10px;border-right:2px solid #d0d0d0;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px 20px 15px;text-align:center;width:300px}.page-number{color:#333;font-size:.8rem;font-weight:700;margin-top:10px}.text-and-audio{flex-grow:1;overflow-y:auto;width:100%}.text-and-audio::-webkit-scrollbar{width:6px}.text-and-audio::-webkit-scrollbar-thumb{background-color:#ffa726;border-radius:4px}.text-and-audio::-webkit-scrollbar-thumb:hover{background-color:#fb8c00}.text-and-audio::-webkit-scrollbar-track{background-color:#f0f0f0}.first-paragraph{margin:0}.first-paragraph:first-letter{color:red;font-size:3rem;font-weight:700}.svg-section{align-items:center;background-color:#fff;border-radius:10px 0 0 10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-grow:1;height:100%;justify-content:center;overflow:hidden;padding:0;text-align:center}.coloring-svg{background-color:#fff;display:block;height:auto;max-height:100%;max-width:100%;visibility:visible!important;width:auto}.color-palette{grid-gap:7px;align-items:center;background-color:#000;border-radius:0 10px 10px 0;box-shadow:0 4px 8px #0000001a;display:grid;gap:7px;grid-template-columns:1fr 1fr;height:97.5%;justify-items:center;padding:10px}.color-swatch{border:2px solid #0000;border-radius:50px;cursor:pointer;height:28px;transition:transform .2s,border-color .2s;width:50px}.color-swatch.selected{border-color:#fff;transform:scale(1.2)}.color-swatch:hover{transform:scale(1.1)}.color-book{margin:0 auto;max-width:1200px}.page-navigation{background:#b50000;border-radius:12px;gap:20px;margin:10px auto 0;max-width:1200px;padding:10px 20px}.nav-button,.page-navigation{align-items:center;display:flex;justify-content:center}.nav-button{background-color:#ffccbc;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;flex-direction:column;padding:10px 15px;transition:transform .2s,background-color .2s;width:100px}.nav-button img{height:auto;margin-bottom:5px;width:33px}.nav-button:hover{background-color:#fb8c00;transform:scale(1.1)}.home-button{background-color:#ffa726;border-radius:8px;box-shadow:2px 2px 5px #0003;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin:10px;padding:10px 20px;text-decoration:none;transition:background-color .2s,transform .2s}.home-button:hover{background-color:#fb8c00;transform:scale(1.1)}.homepage-content{background-color:#fdfde0;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:900px;padding:20px;text-align:center}.homepage-text{font-size:1.1rem;line-height:1.6;margin:0 auto 15px;max-width:800px;text-align:left}.cta-container{gap:20px;margin-top:20px}.cta-button,.cta-container{display:flex;justify-content:center}.cta-button{align-items:center;background-color:#ed9223;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:700;gap:10px;padding:12px 24px;text-decoration:none;transition:background-color .3s,transform .2s}.cta-button:hover{background-color:#ffad42;transform:scale(1.05)}.cta-icon{height:24px;width:24px}.language-select{margin-left:auto}.language-select select{background-color:#ffa726;border:2px solid #fff;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;padding:5px}.no-story-message{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;font-size:1.2rem;font-weight:700;height:100px;justify-content:center}.no-story-message,.storybook{padding:20px;text-align:center}.storybook{margin:0 auto;max-width:1200px}.storybook h1{color:#333;font-size:2rem;margin-bottom:20px}.storybook-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));justify-items:center;margin:0 auto;max-width:1200px;padding:16px}.storybook-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;cursor:pointer;display:flex;flex-direction:column;max-width:260px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.storybook-card:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.storybook-cover{border-radius:8px;box-shadow:0 4px 6px #0003;height:auto;width:100%}.storybook-title{background-color:#fff;color:#333;font-size:1rem;font-weight:700;text-align:center;width:100%}.storybook-card img{border-radius:0;box-shadow:none;object-fit:cover;object-position:top;overflow:hidden;width:100%}.storybook-card:hover .storybook-cover{opacity:.8}.book-wrapper{align-items:center;display:flex;justify-content:center;margin-top:40px}.book-cover{background:#c8a77d;border-radius:10px;box-shadow:0 10px 30px #00000080;flex-direction:column;padding-top:10px;position:relative;width:95%;width:auto;z-index:1}.book-content,.book-cover{align-items:center;display:flex;height:auto}.book-content{-webkit-overflow-scrolling:touch;background-color:#fff;justify-content:center;margin:0 auto;overflow-y:auto;padding:0;width:100%}.react-pdf__Page{align-items:center;display:flex;justify-content:center;margin:0 auto!important;padding:0!important}.react-pdf__Page__canvas{display:block;height:auto!important;max-width:100%}.book-controls{border-radius:0 0 10px 10px;gap:15px;margin-top:5px;padding:10px}.book-controls,.button{align-items:center;display:flex;justify-content:center}.button{background-color:#6d4c41;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:50px;transition:transform .2s,background-color .2s;width:50px}.button:hover{background-color:#8b4513;transform:scale(1.05)}.button:disabled{background-color:#b0a89f;cursor:not-allowed}.download-button{align-items:center;background-color:#6d4c41;border-radius:5px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;text-decoration:none;transition:transform .2s,background-color .2s;width:50px}.download-button:hover{background-color:#8b4513;transform:scale(1.05)}.button img,.download-button img{height:auto;width:20px}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2.5rem}.menu{align-items:center;display:flex;gap:30px;justify-content:flex-start;z-index:999}.beta-banner{background-color:#fc0;color:#333;font-size:1rem;font-weight:700;padding:2px;text-align:center}.homepage-button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.homepage-action-button{align-items:center;background-color:#efae3d;border-radius:7px;box-shadow:0 6px 12px #0000001a;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.homepage-action-button:hover{background-color:#fadb69;box-shadow:0 6px 10px #0003;transform:scale(1.03)}.button-icon{height:24px;width:24px}.button-text{font-size:16px}@media (max-width:840px){.coloring-layout{flex-direction:column;height:auto}.text-section{align-items:flex-start;display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}.text-image-container{width:40%}.text-and-audio-container{display:flex;flex:1 1;flex-direction:column;max-height:300px;overflow-y:auto}.text-and-audio{flex-grow:1;max-height:300px;overflow-y:auto}.page-number{margin-top:10px;text-align:left}.svg-section{border-radius:10px 10px 0 0;height:auto;margin-top:5px;order:2}.palette-section{order:3;text-align:center;width:100%}.menu-toggle{background-color:initial;border:none;color:#fff;cursor:pointer;display:block;font-size:2rem;margin-left:auto}.menu{background-color:#d48429;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;text-align:center;top:85px;width:100%}.menu-item:not(:last-child){border-bottom:2px solid #fff9;margin-bottom:5px}.menu.open{display:flex}.menu-item{align-items:center;font-size:1.2rem;font-size:1.4rem;gap:8px;padding:12px 20px}.language-select,.menu-item{display:flex;justify-content:center}.language-select{margin-top:10px;width:100%}.language-select select{border-radius:8px;font-size:1rem;max-width:280px;padding:10px;text-align:center;width:50%}.color-palette{background-color:#000;border-radius:10px;border-radius:0 0 10px 10px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));grid-template-rows:repeat(2,auto);justify-content:center;max-width:100%;max-width:var(--svg-width,100%);padding:10px;width:100%}.color-swatch{border-radius:50%;height:30px;width:30px}.svg-section{max-width:100%;width:100%}.homepage-content{margin-left:15px;margin-right:15px;padding:20px}}@media (max-width:420px){.text-image-container{width:30%}.page-navigation button{height:40px;width:40px}}@media (max-width:548px){.storybook-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.storybook-gallery{grid-template-columns:repeat(1,1fr)}}@media (max-width:768px){.book-cover{box-shadow:none;padding-top:10px;width:95%}.book-controls{gap:10px;padding:5px}.button{height:40px;width:40px}.button img{width:18px}}
/*# sourceMappingURL=main.424726ab.css.map*/