body{background:#252827;font-size:16px}#timeline-content{margin-top:50px;text-align:center}.timeline{border-left:4px solid #7776FF;border-bottom-right-radius:4px;border-top-right-radius:4px;background:#FAF6F01A;color:#FAF6F0CC;margin:50px auto;letter-spacing:0.5px;position:relative;line-height:1.4em;font-size:1.03em;padding:50px;list-style:none;text-align:left;font-weight:100;max-width:100%;.event{border-bottom:1px dashed #FAF6F01A;padding-bottom:30px;margin-bottom:30px;position:relative;padding-left:20px;&:last-of-type{padding-bottom:0;margin-bottom:0;border:none}&:before,&:after{position:absolute;display:block;top:0}&:before{left:-217.5px;color:#FAF6F066;content:attr(data-date);text-align:right;font-weight:100;font-size:0.9em;min-width:120px}&:after{box-shadow:0 0 0 4px #7776FF;left:-57px;background:#7776FF;border-radius:50%;height:11px;width:11px;content:"";top:5px}}}