.sfForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sfFormGroup {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.sfFormEntry {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-left: .5rem;
    margin-right: .5rem;
    align-items: center;
}

.sfFormEntry label {
    font-weight: bold;
    margin-bottom: .25rem;
}
.sfFormEntry input, .sfFormEntry textarea {
    border-radius: .5rem;
    padding: .5rem;
    background: var(--bg-1);
    border: solid .15rem var(--orange-1);
    color: var(--fg-1);
}
.sfFormEntry input[type="text"], .sfFormEntry input[type="number"] {
    text-align: center;
}

.sfFormEntry textarea {
    min-width: 30rem;
}

#ssn {
    width: 5rem;
}
#expr {
    width: 2rem;
}
#cvv {
    width: 1.5rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}