.timeline {
background: var(--primary-color);
margin: 20px auto;
padding: 20px;
} .outer {
border-left: 2px solid #333;
} .card {
position: relative;
margin: 0 0 20px 20px;
padding: 10px;
background: #F5F5F5;
color: #222;
border-radius: 8px;
max-width: 1000px;
} .info {
display: flex;
flex-direction: column;
gap: 10px;
} .title {
color: #222;
position: relative;
} .title::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: white;
border-radius: 999px;
left: -36px;
border: 3px solid #f9c73d;
}