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}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App,body{background-color:#69b2fb}body{margin:0}h3{-webkit-columns:#000;column-count:#000;font-size:16px}.App-header{background-color:#007bff;margin:0 auto;padding:20px;text-align:center;width:90%}.App-header h1{color:#fff;margin:0}.App-header p{color:#fff}main{margin:0 auto;text-align:center;width:90%}.user-input{align-items:flex-start;display:flex;flex-direction:column;margin-top:20px;width:100%}.input-group{align-items:center;display:flex;flex-direction:row;margin-bottom:10px}.input-group label{font-weight:700;margin-right:10px;text-align:left;width:200px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:inherit;padding:8px;width:100%}.user-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.user-input button:hover{background-color:#0056b3}.story-card{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:var(--font-size-small);margin:20px 0;padding:20px;text-align:left}.font-size-small{--font-size-small:16px}.font-size-medium{--font-size-small:20px}.font-size-large{--font-size-small:28px}.font-size-buttons{display:flex;justify-content:flex-end;margin-bottom:10px}.font-size-buttons button{background-color:initial;border:none;color:#000;cursor:pointer;font-size:14px;margin-right:10px}.font-size-buttons button:hover{text-decoration:underline}footer{background-color:#007bff;margin:0 auto;padding:10px;text-align:center;width:90%}footer p{color:#fff;margin:0}.audio-player{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.audio-player audio{max-width:300px;width:100%}.audio-player button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.audio-player button:hover{background-color:#0056b3}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.button-content{align-items:center;display:flex}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#007bff;display:inline-block;height:20px;margin-right:5px;width:20px}.loading-text{margin-left:5px}.custom-login-container{background-color:#f7f7f7;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.logout-button{position:relative;right:0;top:10px}.MainContent{display:flex;width:100%}.LeftMenu{background-color:#1c8dff;color:#fff;width:50px}.MainContentRight{background-color:#fff;color:#333;flex-grow:1;padding:20px}.left-menu{background-color:#1c8dff;color:#fff;min-height:100vh;padding:5px;width:100%}.left-menu ul{list-style-type:none;padding:0}.left-menu li{cursor:pointer;margin-bottom:10px}.left-menu li:hover{text-decoration:underline}.hamburger-icon{background:none;border:none;cursor:pointer;left:0;padding:10px;position:absolute;top:0}.menu{background-color:#fff;border-radius:15px;height:200px;left:-200px;position:fixed;top:40px;transition:left .3s ease;width:150px;z-index:1}.menu.visible{left:0}.link-button{background:none;border:none;color:blue;cursor:pointer;font:inherit;padding:0;text-decoration:none;transition:font-weight .3s}.link-button:hover{font-weight:700}ul{list-style:none;margin:0;padding:10px}li{margin-bottom:15px;text-align:left}
/*# sourceMappingURL=main.96d4a756.css.map*/