.modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 1040 !important;
}

.modal {
    z-index: 1050 !important;
}

.modal-content {
    border: 3px solid #3a3a3a;
    border-radius: 15px;
    background-color: #fff8dc;
}

.modal-header .btn-close {
    background-color: #838383 !important;   /* changes background */
    filter: invert(1);                  /* inverts icon color to white */
}