.timeline-container{display:flex;flex-direction:column;align-items:center;padding:20px}.timeline-stage{display:none;text-align:center;margin:20px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:opacity .3s}.timeline-stage.active{display:block;opacity:1}h2{font-weight:700}.timeline-stage img{max-width:100%;height:auto}.timeline-controls{display:flex;justify-content:center;margin-top:20px}.timeline-controls button{margin:0 10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.timeline-controls button:disabled{background-color:#ccc;cursor:not-allowed}.index-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f0f0}header{text-align:center;padding:20px;background-color:#0074d9;color:#fff}header h1{font-size:36px;margin:0}img{display:block;margin-left:auto;margin-right:auto;width:15vw}