h1, h2, h3, h4, h5 {
    margin: 0
}

.flex-around {
    justify-content: space-around;
}

.selfcenter {
    align-self: center;
}

.text-al-center {
    text-align: center;
}

a {
    color: var(--text);
}

a.material-button:hover {
    color: var(--text-over-accent);
}

.unitheightsmall {
    height: var(--unitsize-small);
}

.invert {
    filter: invert(1);
}


.flex-place-center {
    place-content: center;
}

.pad-6 {
    padding: 1.5rem;
}

.pad-0 {
    padding: 0 !important;
}

.marg-0 {
    margin: 0 !important;
}

.marg-b-2 {
    margin-bottom: 0.25rem;
}

.unitsize {
    line-height: var(--unitsize) !important;
}

.unitsize, .unitsizesmall {
    flex-shrink: 0;
}

.always-grows {
    flex-grow: 1;
    max-width: initial !important;
}
