.timeline{max-width:50rem;margin:0 auto;position:relative}.timeline:after{content:"";background-color:var(--vg-purple-light);width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;width:50%;padding:10px 40px;position:relative}.timeline-item:before{content:"";background-color:var(--vg-white);border:4px solid var(--vg-purple-light);z-index:1;border-radius:50%;width:20px;height:20px;position:absolute;top:15px;right:-10px}.right{left:50%}.left{left:0}.right:before{left:-10px}.left:before{right:-10px}.timeline-content{background-color:var(--vg-white);border-radius:6px;padding:20px 30px;position:relative}@media (max-width:600px){.timeline:after{left:10%}.timeline-item{width:90%;left:10%}.right,.left{left:10%}.right:before,.left:before{left:-10px}}