.hero {
    background: var(--light);
    color: var(--dark)
}

.quoi-section {
    background: var(--primary);
}

.par-qui-section {
    background: var(--secondary);
}

.comment-section {
    background: var(--info);
}

.ou-section {
    background: var(--urgent);
}

.box {
    width: 80%;
    font-size: 3rem;
    text-align: center;
}

.highlight {
    font-weight: bold;
    color: var(--primary)
}

.highlight-alt {
    font-weight: bold;
    color: var(--info)
}

.title-section {
    font-size: 2.5rem;
}