ul.timeline,ol.timeline{position:relative;padding-left:2rem;padding-left:clamp(1.5rem,3vw,2.5rem)}ul.timeline::before,ol.timeline::before{content:"";position:absolute;border-left:5px solid #ccc;left:0;bottom:0;top:0}ul.timeline li,ol.timeline li{position:relative}ul.timeline li::before,ol.timeline li::before{content:"";position:absolute;top:0px;left:-2rem;left:calc(clamp(1.5rem,3vw,2.5rem) * -1);transform:translateX(calc(-50% + 5px / 2));width:30px;height:30px;border-radius:50%;background-color:#142f32;border:5px solid #fff}