.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible; /* Este valor se cambió de hidden a visible */
    opacity: 1; /* Este valor se cambió de 0 a 1 */
}
#popup:target{
  visibility: hidden; /* Se regresa a hidden para ocultar */
  opacity: 0; /* Se regresa a o para hacerlo "invisible" */
}
#popupBody{
padding: 2%;
border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
width: 60%;       
height: 72%;
position: absolute;           
margin-top: 8%;
margin-left: 20%;
transition: all 5s ease-in-out;
}

#cerrar{
position: absolute;
top: 20px;
right: 30px;
font-size: 30px;
fotn-weight: bold;
text-decoration: none;
color: #F00;
transition: all 200ms;
}