.timeline{width:100%;max-width:700px;margin:0 auto}.card{max-width:600px;position:relative}.card:nth-child(odd){padding:30px 0 30px 30px}.card:nth-child(2n){padding:30px 30px 30px 0}.card:before{content:"";opacity:.15;pointer-events:none;border:solid;width:50%;position:absolute}.card:nth-child(odd):before{border-width:5px 0 5px 5px;border-radius:50px 0 0 50px;top:-4.5px;bottom:-4.5px;left:0}.card:nth-child(2n):before{border-width:5px 5px 5px 0;border-radius:0 50px 50px 0;top:0;bottom:0;right:0}.card:first-child:before{border-top:0;border-top-left-radius:0}.card:last-child:nth-child(odd):before{border-bottom:0;border-bottom-left-radius:0}.card:last-child:nth-child(2n):before{border-bottom:0;border-bottom-right-radius:0}.card:after{content:"";pointer-events:none;z-index:1;border-style:solid;border-width:2px;border-radius:50%;width:12px;height:12px;position:absolute;top:50px}.card[data-type=formation]:after{background-color:#a78bfa;border-color:#6d28d9}.card[data-type=experience]:after{background-color:#34d399;border-color:#065f46}.card:nth-child(odd):after{left:-4px}.card:nth-child(2n):after{right:-4px}@media only screen and (max-width:400px){.card:nth-child(odd):before{top:-5px;bottom:-5px}}