body {
    display: flex;
    flex-grow: 1;

    gap: 2rem;

    flex-direction: column;
}

.navbar {
    background-color: #DA291C;
}

.navbar-item {
    color: #FFFFFF;
    padding: 6px 12px;
}

main {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.flexbox-column {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.form-row {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

summary {
    cursor: pointer;
}

details > table.table {
    margin: 0.5rem;
}

.compensation {
    display: inline-flex;
    gap: 0.5rem;
}