.headerBar {
    text-align: center;
}

.glossaryEntry {
    overflow: auto;
    padding: 12px;
    margin: 0 8px;
    border-bottom: 2px solid black;
    background-color: var(--light-grey);
}

.glossaryEntry > h2 {
    margin: 0;
}

.glossaryEntry > h2 > i {
    transition: 150ms ease;
}

.glossaryEntry > h2:hover > i {
    color: var(--light-red);
}

.glossaryEntry > p {
    height: 0px;
    overflow: hidden;
    margin: 0;
}

.columns {
    columns: 500px 3;
    margin: 8px 0;
}

.collapse > p {
    height: auto;
    margin: 16px 0;
}

.collapse > h2 > i {
    rotate: z 180deg;
}