.timeline{width:20vw}.events{position:relative;display:flex;margin-block:.5em;flex-direction:column;row-gap:1em;margin-top:0;margin-bottom:0}.events:before{content:"";position:absolute;top:0;left:0;width:.5px;background:#d4d5dd;height:0;animation:slideDown 2s forwards}@keyframes slideDown{0%{height:0}to{height:100%}}.event{opacity:0;transform:translateY(20px);animation:fadeInUp 2s forwards}.event:first-child{animation-delay:0s}.event:nth-child(2){animation-delay:.5s}.event:nth-child(3){animation-delay:1s}.event:nth-child(4){animation-delay:1.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content{text-align:start;padding-left:15px}.event .marker{position:relative;top:-5px;left:-50%}.event.born .marker{fill:#ff85c0}.event.study .marker{fill:#d3adf7}.event.work .marker{fill:#85a5ff}.content time{font-weight:700}