.timeline .events{display:flex;flex-direction:column;row-gap:20px;position:relative;margin:20px;}.timeline p{margin-bottom:18px;}@media (min-width:700px){.timeline .events::before{left:50%;}}.events::before{content:"";position:absolute;top:0;height:100%;width:2px;background:black;}.events{position:relative;display:flex;margin-block:0.5em;flex-direction:column;row-gap:1em;}.event{display:flex;align-items:baseline;}.event .marker{position:relative;left:-5px;}.event.life .marker{fill:red;}.event.programming .marker{fill:green;}.event.family .marker{fill:blue;}.content time{font-weight:bold;}@media (min-width:700px){.events::before{left:50%;}.event .marker{order:1;}.event .content{width:50%;text-align:right;padding-inline:1em;}.event:is(.programming, .work, .projects){flex-direction:row-reverse;.content{text-align:left;}.marker{left:6px;}}}@media (min-width:700px){.timeline{width:100%;grid-column:2 / 5 !important;max-inline-size:none;}}@media (max-width:699px){.event{margin-left:12px;}}