/* .words:before {
    content: "";
    background: transparent var(--img_url) no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 28em;
    max-width: 100%;
    /* padding: 0 0.5em; */
} */

.main {
    max-width: 80em;
    counter-reset: note;
}

note {
    display: inline-flex;
    font-size: 0em;
    position: relative;
    line-height: 0em;
    cursor: pointer;
    font-family: concourse-t3-index;
    /* font-feature-settings: 'liga', 'ss01','sups'; */
}

note:hover {
    font-feature-settings: 'liga', 'ss03';
}

note:before {
    content: counter(note);
    counter-increment: note;
    /* --bullet_count: counter(bullet_count); */
    display: block;
    position: relative;
    font-size: 20px;
    /* top: 0; */
    line-height: 0;
    top: -10px;
    left: -4px;
    /* font-feature-settings: 'liga', 'ss01','sups'; */
}