.modal-body {
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: url('/img/officers.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.modal-form {
    padding: 1rem 1.5rem;
    border-radius: 1.5rem;
    background: rgb(15, 15, 15);
    text-align: center;
}

.modal-control {
    margin: 0.5em 0;
    text-align: justify;
    text-align-last: justify;
}

label,
.modal-cancel {
    display: inline-block;
    padding: 0.5rem 0;
}

button,
input {
    appearance: none;
    width: fit-content;
    height: fit-content;
    border-radius: 0.5rem;
    color: #e6dcdc;
    background: #343434;
    white-space: nowrap;
}

button {
    padding: 0.5rem;
    border: 0;
    cursor: pointer;
}

input {
    height: 2.25rem;
    padding: 0.4rem;
    border: 0.1rem solid #454545;
}

.text-danger {
    color: red;
}