.modal {
  visibility: hidden;
  position: absolute; /* Stay in place */
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: black;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  opacity: 0;
  transition: opacity .5s ease, visibility .5s ease;
  display: flex;
  z-index: 20000; /* Sit on top */
}

.modal.popup {
  visibility: visible;
  opacity: 1.0;  
}

/* Modal Content/Box */
.modal .modal-content {
  box-shadow: 3px 3px 3px rgba(64,64,64,0.5);
  border-radius: 5px;
  width: 50%;
  min-width: 300px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  background-color: #fefefe;
  padding: 15px;
}
/*
.modal a {
  display: none;
}

.modal.popup a {
  display: inline;
}*/