input {
    width: 99%;
    border: none;
    text-indent: .5rem;
    font-size: 1.1rem;
}

input:focus {
    outline: none;
}

fieldset {
    margin-block: .5rem;
    border-radius: 0.25rem .6rem 0.25rem 0.25rem;
    border: 1px groove var(--textSecondary);
}

legend {
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
    font-weight: bold;
    padding-inline: .1rem .2rem;
}

.formButtons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-block: .5rem;
}

.formLabelAndInputWrapper {
    display: flex;
    align-items: center;
    margin: .5rem;
    min-width: inherit;
    overflow: hidden;
}

.formLabelAndInputWrapper>label {
    font-size: 1.1rem;
    color: var(--textSecondary);
    /*min width is set on fieldset tag*/
    min-width: inherit;
}

.formLabelAndInputWrapper>textarea {
    text-indent: .25rem;
    width: 50%;
    height: 4rem;
}

.formLabelAndInputWrapper>textarea,
.formLabelAndInputWrapper>select,
.formLabelAndInputWrapper>input[type="checkbox"] {
    margin-left: .5rem;
}


input[type="date"],
input[type="checkbox"],
input[type="file"],
input[type="number"] {
    width: auto;
}

input[type="date"] {
    text-indent: .2rem;
}

input[type="file"] {
    font-size: 1rem;
}