.modal{display:block;position:fixed;top:0;z-index:1;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);background-color:#fff;padding:20px}.close{position:absolute;top:15px;right:20px;font-size:40px;cursor:pointer}