.timeline{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:20px;width:80%}.timeline-group-title{align-items:center;background-color:#757575;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:10px;padding:8px 16px;transition:background-color .3s ease,transform .3s ease}.timeline-group-title:hover{background-color:#616161}.timeline-group-title:after{content:"▼";font-size:.8em;margin-left:10px;transition:transform .3s ease}.timeline-group-title.collapsed:after{transform:rotate(-90deg)}.timeline-event{align-items:flex-start;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;margin-bottom:10px;padding:20px;position:relative}.timeline-date{color:#666;font-size:.8em;font-style:italic;margin-bottom:10px}.timeline-content{word-wrap:break-word;text-align:left;width:auto}.timeline-content h3{align-items:center;display:flex;font-size:1.2em;margin:0}.delete-button,.edit-button{background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:25px;margin-left:10px;opacity:0;transition:opacity .3s ease;width:25px}.edit-button{background:#4caf50;font-size:18px}.edit-button:hover{background:#388e3c}.delete-button:hover{background:#d32f2f}.timeline-event:hover .delete-button,.timeline-event:hover .edit-button{opacity:1}.add-event-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:20px 0;padding:8px 16px}.add-event-button:hover{background-color:#45a049}.timeline-description-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;height:112px;max-width:600px;padding:10px;resize:vertical;width:100%}.timeline-description{word-wrap:break-word;color:#444;font-size:.9em;margin-top:5px;max-width:600px;width:100%}@media (max-width:600px){.timeline{padding:10px;width:100%}.timeline-group-title{font-size:14px;padding:8px 16px}.timeline-event{padding:10px}.timeline-content h3{font-size:1em}.timeline-description-input{height:80px;width:100%}}body{background:linear-gradient(90deg,#0000 0,#0000 10%,#fff 0,#fff 90%,#0000 0,#0000),url(/journey/static/media/3a6eeffb-a6e0-427a-b445-742d1cd54162.2397c2b5612ca3cf695d.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}form{margin-bottom:20px}form div{margin-bottom:10px}.app-title{font-family:Arial,sans-serif;font-size:2em;margin-bottom:20px}.app-title-j{font-size:2.5em;font-weight:700}.toggle-button{background-color:initial;border:2px solid #4caf50;color:#000;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s,color .3s}.toggle-button:hover{background-color:#61dafb;color:#fff}@media (max-width:600px){.app-title{font-size:1.5em}.toggle-button{font-size:14px;padding:8px 16px}}form div textarea{box-sizing:border-box;width:100%}@media (min-width:600px){.timeline-description-input{max-width:500px}}
/*# sourceMappingURL=main.9426ae41.css.map*/