:root {
--main-color:#28006d;
--green-color:#20B678;
--link-hover-color:#331aa1;
--dark-color:#333;
--light-color:#F5f5f5;
}

.timeline{
 box-sizing:border-box;
 margin:0 auto;
}

.timeline h3{
 margin:0 auto;
 color:#331aa1;
 font-size:1.25rem;
}
.timeline p b{
 color:#331aa1;
}
.timeline h4{
 margin:0 auto;
 text-align:left;
 font-size:1.15rem;
}

.timeline-odd, .timeline-even {
    border-bottom:2px dashed #331aa1;
    padding:.75rem;
    transition:.5s ease-in-out;
}

.timeline-odd {
    border-left:2px dashed #331aa1;
    border-radius:15px 0 0 15px ;
    margin-right:15px;

}
.timeline-even {
    border-right:2px dashed #331aa1;
    border-radius:0 15px 15px 0;
    margin-left:15px;
}
.timeline-even:hover,.timeline-odd:hover {
    background-color:var(--light-color);
}

.timeline-even h3, .timeline-even h4{
    text-align:right;
}