.timelineEvent {
    display: flex;
    height: var(--timeline-entry-height, 120px);
}

.timelineBullet {
    width: 24px;
    height: 24px;
    background-color: var(--hamato-secondary-color); 
    border: 3px solid white; 
    border-radius: 50%; 
    margin-right: 10px; 
    flex-shrink: 0; 
    position: relative; 
}

.timelineBullet::before {
    content: "";
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, 0); 
    width: 2px; 
    height: calc(var(--timeline-entry-height, 120px)); 
    background-color: var(--hamato-primary-color); 
    z-index: -1;
}

.timelineContent{
    padding-top: 4px;
    color:var(--hamato-primary-color);
}

.timelineEvent:last-child .timelineBullet::before {
    display: none; 
}

.timelineDate {
    font-weight: bold;
}

.timelineLabel {
    font-weight:bold;
}

.timelineEntry {
    display:flex;
    margin-left:30px;
    gap:10px;
    padding-top:8px;
}