.timeline-container{display:flex;flex-direction:column;position:relative;margin:40px 0}.timeline-container:after{background-color:#e17b77;content:"";position:absolute;left:calc(50% - 2px);width:4px;height:100%}.timeline-item{display:flex;justify-content:flex-end;padding-right:30px;position:relative;margin:10px 0;width:50%;align-self:flex-end;justify-content:flex-start}.timeline-item:nth-child(odd){align-self:flex-start;justify-content:flex-end;padding-left:30px;padding-right:0}.timeline-item-content{box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:5px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-end;padding:15px;position:relative;width:400px;max-width:90%;text-align:right;margin-right:15px;margin-left:0}.timeline-item-content:after{content:" ";background-color:#fff;box-shadow:1px -1px 1px rgba(0,0,0,.2);position:absolute;right:-7.5px;top:calc(55% - 7.5px);transform:rotate(45deg);width:15px;height:15px}.timeline-item:nth-child(odd) .timeline-item-content{text-align:left;align-items:flex-start;margin-left:15px;margin-right:0}.timeline-item:nth-child(odd) .timeline-item-content:after{right:auto;left:-7.5px;box-shadow:-1px 1px 1px rgba(0,0,0,.2)}.timeline-item-content .tag{color:#fff;font-size:12px;font-weight:700;top:5px;left:5px;letter-spacing:1px;padding:5px;position:absolute;text-transform:uppercase}.timeline-item:nth-child(odd) .timeline-item-content .tag{left:auto;right:5px}.timeline-item-content time{color:#777;font-size:12px;font-weight:700}.timeline-item-content p{font-size:16px;line-height:24px;margin:15px 0;max-width:250px}.timeline-item-content a{font-size:14px;font-weight:700}.timeline-item-content a:after{content:" ►";font-size:12px}.timeline-item-content .circle{background-color:#fff;border:3px solid #e17b77;border-radius:50%;position:absolute;top:calc(50% - 10px);right:-72.5px;width:55px;height:55px;z-index:100}.timeline-item:nth-child(odd) .timeline-item-content .circle{right:auto;left:-72.5px}