.timeline{margin-top:50px}.timeline ul{--col-gap: 2rem;--row-gap: 2rem;--line-w: 0.1rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:90%;margin-left:0;padding-left:0;margin-inline:auto}.timeline ul::before{content:"";grid-column:1;grid-row:1/span 20;background:#e1e1e1;border-radius:calc(var(--line-w)/2)}.timeline ul li:not(:last-child){margin-bottom:var(--row-gap)}.timeline ul li{--accent-color:#8ec63e;grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content;text-align:center}.timeline ul li .date{--dateH: 3rem;height:var(--dateH);margin-inline:calc(var(--inlineP)*-1);text-align:center;background-color:var(--accent-color);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative}.timeline ul li .image{width:100%;text-align:center}.timeline ul li .image img{max-height:110px;margin-top:10px;margin-bottom:8px}.timeline ul li .date::after{content:"";position:absolute;width:1rem;aspect-ratio:1;background:#666;border:.3rem solid #666;border-radius:50%;top:50%;transform:translate(50%, -50%);right:calc(100% + var(--col-gap) + var(--line-w)/2)}.timeline ul li .date::before{content:"";position:absolute;top:50%;left:-9px;width:0;height:0;border-style:solid;border-width:15px 9px 15px 0;border-color:rgba(0,0,0,0) #8ec63e rgba(0,0,0,0) rgba(0,0,0,0);transform:translateY(-50%)}.timeline ul li .title,.timeline ul li .description{background:var(--bgColor);position:relative;padding-inline:1.5rem;text-align:left}.timeline ul li .title{overflow:hidden;padding-top:8px;padding-bottom:5px;font-weight:500}.timeline ul li .description{padding-block-end:1.5rem;font-weight:300}.timeline ul li .title::before{bottom:calc(100% + .125rem)}.timeline ul li .description::before{z-index:-1;bottom:.25rem}@media(min-width: 40rem){.timeline ul{grid-template-columns:1fr var(--line-w) 1fr}.timeline ul::before{grid-column:2}.timeline ul li:nth-child(odd){grid-column:1}.timeline ul li:nth-child(even){grid-column:3}.timeline ul li:nth-child(2){grid-row:2/4}.timeline ul li:nth-child(odd) .date::before{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;border-width:15px 0 15px 9px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #8ec63e;transform:translateY(-50%);right:-9px;left:unset}.timeline ul li:nth-child(odd) .date::after{transform:translate(-50%, -50%);left:calc(100% + var(--col-gap) + var(--line-w)/2)}}/*# sourceMappingURL=timeline.css.map */