.timeline>.body {
    position: relative;
}

.timeline>.body>.block:first-child>span {
    margin-left: 13.5%;
}

.timeline>.body>.year {
    border-top: 0.1rem dotted rgb(67, 67, 75);
    display: flex;
    flex-direction: column;
}

@media print {
    .timeline>.body>.year {
        border-color: rgb(0, 0, 0);
    }
}

.timeline>.body .block {
    position: relative;
}

.timeline>.body .block>.left,
.timeline>.body .block>.right {
    padding: 0.5rem 1rem;
}

.timeline>.body .block>.left {
    font-size: 0.625rem;
    font-weight: 900;
    line-height: 0.75rem;
    text-align: right;
    width: 15%;
}

.timeline>.body .block>.arrow,
.timeline>.body .block>.middle {
    color: rgb(67, 67, 75);
    position: absolute;
}

.timeline>.body .block>.arrow {
    right: 79.8%;
    top: calc(50% - 0.25rem);
}

.timeline>.body .block>.middle {
    right: 80%;
    top: calc(50% - 0.5rem);
}

@media print {

    .timeline>.body block>.arrow,
    .timeline>.body block>.middle {
        color: rgb(0, 0, 0);
    }
}

.timeline>.body .block>.arrow::before {
    content: "\2303";
    font-size: 2rem;
}

.timeline>.body .block>.middle::before {
    content: "\2022";
    font-size: 2rem;
}

.timeline>.body .block>.right {
    border-left: 0.125rem solid rgb(67, 67, 75);
    width: 85%;
}

@media print {
    .timeline>.body block>.right {
        border-color: rgb(0, 0, 0);
    }
}