.modal {
display: none; position: fixed; z-index: 9; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
display: flex;
flex-direction: column;
background-color: #fefefe;
position: relative;
margin: 5% auto; padding: 0px;
border: 1px solid #888;
width: 30%; } .close {
position: absolute;
top:15px;
right: 15px;
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
z-index: 4;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}