.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s,opacity 0.25s 0s,transform 0.25s}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;padding:1rem 1.5rem;width:75%;border-radius:.5rem}.modal-button:hover{background-color:darkgray}.modal-button{float:right;width:2rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:lightgray;content:'&#9829';margin:4px}.show-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity 0.25s 0s,transform 0.25s}.modal-images{padding:2px;float:left;width:49%}