#modal.modal-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(245, 244, 244, 0.5);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
    border-radius: 10px;
    border: 1px solid rgba(224, 221, 221, 0.74);
    z-index: 1000;
    /* pointer-events: none; */
}
#modal .modal-window {
    background: rgb(254, 255, 255);
    box-shadow: 0 8px 32px 0 rgba(69, 69, 70, 0.37);
    backdrop-filter: blur( 13.5px );
    -webkit-backdrop-filter: blur( 13.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    /* width: 700px; */
    /* height: 700px; */
    position: relative;
    /* top: 000px; */
/*     padding: 1 */0px;
	width:50%;
}
#modal .title {
    padding-left: 10px;
    display: inline;
    text-shadow: 1px 1px 2px rgb(5, 5, 5);
    color: rgb(10, 10, 10);
}
#modal .title h2 {
    display: inline;
}
#modal .close-area {
    display: inline;
    float: right;
    padding-right: 0px;
    cursor: pointer;
    /* text-shadow: 1px 1px 2px gray; */
}

#modal .open-nationality {
    cursor: pointer;
    /* text-shadow: 1px 1px 2px gray; */
}

#modal .content {
    margin-top: 135px;
    padding: 0px 0px;
    text-shadow: 1px 1px 2px gray;
    color: white;
}

#modal .modal-overlay button{
    margin-left: 0.5rem;
    font-size: 0.85rem;
    text-decoration: underline;
}