.timeline .container {
    --box-color: white;
    background-color: var(--box-color);
    padding: 0.5em;
    position: relative;
    margin-left: 60px;
    margin-bottom: 1em;
    overflow: visible;
    box-sizing: border-box;
    border-radius: 10px;
}

.timeline .container::after {
    display: block;
    width: 0;
    content: "";
    border: 15px solid transparent;
    border-right-color: var(--box-color);
    border-left: 0;
    position: absolute;
    left: -15px;
    top: 15px;
}

.timeline .container>.dot {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: var(--box-color);
    position: absolute;
    left: -60px;
    top: 15px;
    text-align: center;
}

.timeline .container .time {
    margin-block-start: 0;
    margin-block-end: 0;
    color: hsl(134deg 23% 30%);
}

.timeline .container .content {
    font-size: 0.8em;
}

.timeline .container .content p {
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
}