.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fff;margin:10% auto;padding:30px;border:solid 1px #888;width:50%;border-radius:20px}.modal-content h3{text-align:center}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}