ul.timeline_list{list-style-type:square;list-style-type:none;margin-block-start:1em;padding-inline-start:.6em}ul.timeline_list li{border-left:2px solid #dbbb48;padding-left:1em;position:relative;margin-left:.8em;padding-bottom:.4em}ul.timeline_list li:not(:first-child){padding-top:0;margin-top:1em}ul.timeline_list .heading{margin:.4em 0;font-size:1em;color:grey}ul.timeline_list .date{font-size:.9em;color:#dbbb48;text-align:right;background:#fff;margin-left:-1.5em;padding-top:.4em;padding-bottom:.4em}ul.timeline_list .content{margin-top:.2em}.fancy_list{list-style-type:none;position:relative}.fancy_list li{margin-bottom:20px;position:relative;padding-left:30px}.fancy_list .date{display:inline-block;margin-right:10px;background-color:#4CAF50;color:#fff;padding:5px 10px;position:absolute;left:0;top:0;transform:translateX(-100%)}.fancy_list .heading{margin:0 0 5px 0;font-size:1.2em;color:#333}.fancy_list .content{margin:0;color:#666}.fancy_list::before{content:'';background-color:#ddd;width:2px;height:100%;position:absolute;left:0;top:0}.fancy_list li::before{content:'';background-color:#fff;border:3px solid #4CAF50;width:15px;height:15px;border-radius:50%;position:absolute;left:-9px;top:0}