/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 */

.Event {
    display: flex;
    gap: 2rem;
    align-items: center;
    line-height: 1.3;
}

.Event-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    color: var(--body-color-inverse);
    background: var(--primary-color);
}

.Event-title {
    color: var(--primary-color);
}

.Event-date {
    font-size: .9em;
    color: var(--body-color-light);
}

.Event + .Event {
    margin-top: 2rem;
}