@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#fffaf0;display:flex;flex-direction:column;font-family:Comic Neue,cursive,sans-serif;height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s}.header{background-color:#ff6f61;border-bottom:5px solid #ff8c42;color:#fff;padding:20px;text-align:center}.back-button{background-color:#ff6f61;font-size:16px;margin-right:15px}.back-button,.zoom-button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.zoom-button{background-color:#20b2aa;margin-left:5px}.footer{align-items:center;background-color:#ff6f61;bottom:0;box-shadow:0 -2px 5px #0003;display:flex;height:60px;justify-content:space-between;padding:10px 20px;position:fixed;width:100%}.app-name{color:#fff;cursor:pointer;font-size:18px;font-weight:700}.user-avatar{height:40px;width:40px}.modal-content{background-color:#fff;border-radius:8px;color:#333;font-family:Arial,sans-serif;max-width:600px;padding:20px;position:relative;width:80%}.modal-overlay{background-color:#0000004d}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}h2{font-size:1.5rem;font-weight:600}.close-btn{background:#0000;border:none;cursor:pointer}.collapsible-section{margin-bottom:15px}.section-header{border-bottom:1px solid #ddd;color:#333;cursor:pointer;font-size:1.1rem;font-weight:500;padding:10px 0}.section-content{color:#555;font-size:.9rem;margin-top:10px;padding-left:20px}.logout-btn{background-color:#fc7300;border:none;border-radius:5px;color:#fff;font-size:1rem;margin-top:20px;padding:10px 15px;text-align:center;width:100%}.logout-btn,.profile-icon{cursor:pointer}.user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.home-wrapper{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow-y:auto}@media (min-width:768px){.home-wrapper{background-image:url(/static/media/home-tab.37c36a88686bcf136053.png)}}@media (max-width:767px){.home-wrapper{background-image:url(/static/media/home-mobile.eed23554ca826420585f.png)}}.box{align-items:center;aspect-ratio:3/2;background-color:gold;border:2px solid #ff4500;border-radius:8px;color:indigo;cursor:pointer;display:flex;font-size:20px;margin-top:20px;width:45vw}.box,.main-content{justify-content:center;padding:20px}.main-content{grid-gap:10px;background-color:initial;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(2,1fr);justify-items:center;padding-bottom:80px!important}.main-content:before{background-color:#ffffff40;content:"";inset:0;position:absolute;z-index:0}.main-content>*{position:relative}#root,body,html{height:100%;margin:0;padding:0}.story-page{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-y:auto;padding:0 20px 20px}.story-page,.story-page>*{position:relative}.story-page:before{background-color:#fffc;content:"";inset:0;position:absolute;z-index:0}.story-header{align-items:center;background-color:#fff;border-bottom:2px solid #ff8c42;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;left:0;padding:20px 10px 0;position:fixed;top:0;width:100%;z-index:10}.story-page{padding-top:80px}@media (max-width:768px){.story-page{background-image:url(/static/media/home-mobile.eed23554ca826420585f.png)}}@media (min-width:769px){.story-page{background-image:url(/static/media/home-tab.37c36a88686bcf136053.png)}}.zoom-buttons{display:flex;margin-left:auto}.story-content{font-size:20px;font-weight:500;margin-top:55px;padding-bottom:40px}.fab{background-color:#ff1493;border:none;border-radius:50%;bottom:70px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:60px;position:fixed;right:20px;width:60px}.story-section{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;min-height:100vh;overflow-y:auto;padding:90px 20px 80px;position:relative}.story-section:before{background-color:#ffffff40;content:"";inset:0;position:absolute;z-index:0}.story-section>*{position:relative}.story-section-header{align-items:center;background-color:#fff;border-bottom:2px solid #ff8c42;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:flex-start;left:0;padding:20px 20px 0;position:fixed;top:0;width:100%;z-index:10}.story-section-card{align-items:center;aspect-ratio:14/4;background-image:url(/static/media/storyTitle.8d3fa60627367b37ad6f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:8px;color:#030303;cursor:pointer;display:flex;font-size:x-large;font-weight:bolder;justify-content:center;margin:20px auto 0;padding:20px;text-align:center;width:90vw}@media (min-width:768px){.story-section-card{font-size:3rem}}@media (min-width:1024px){.story-section-card{font-size:4rem}}@media (max-width:768px){.story-section{background-image:url(/static/media/story-page-mobile.17017093da3d6bf60140.png)}}@media (min-width:769px){.story-section{background-image:url(/static/media/story-page-tab.08c37aba0c4ac4edffe2.png)}}.welcome-container{background-image:url(/static/media/login-mobile.e1ea261be957b26007fa.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative}.welcome-container:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.welcome-container>*{position:relative;z-index:1}@media (min-width:600px) and (max-width:991px){.welcome-container{background-image:url(/static/media/login-tab.224dc696c235fc6e0b25.png)}}@media (max-width:480px){.welcome-title{font-size:2rem}.welcome-text{font-size:1rem;max-width:90%}.button{font-size:1rem;padding:12px}}.welcome-title{color:#bfdb38;font-size:2.5rem}.welcome-text{color:#fff;font-size:1.2rem;margin-bottom:20px;max-width:300px}.button-container{display:flex;flex-direction:column;max-width:300px;width:100%}.button{border:none;border-radius:15px;box-shadow:2px 2px 10px #0003;cursor:pointer;font-size:1.2rem;font-weight:700;margin:10px 0;padding:15px;transition:background .3s;width:100%}.create-account{background-color:#fc7300;color:#fff}.create-account:hover{background-color:#bfdb38}.login{background-color:#1f8a70;color:#fff}.signup{background-color:#99441c;color:#fff}.login:hover{background-color:#bfdb38}.button.loading{align-items:center;cursor:not-allowed;display:flex;justify-content:center;opacity:.7}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;margin:0;width:20px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:8px;max-height:80%;max-width:80%;overflow-y:auto;padding:20px;position:relative}.modal h2{color:red;margin-top:0}.modal button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 15px}.modal button:hover{background-color:#0056b3}.welcome-container{align-items:center;background-color:#00425a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.loader-close{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;margin:0;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ef4d644c.css.map*/