.modal{background-color:#000;background-color:rgba(0,0,0,.4);z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto;padding-top:80px}.modal-content{background-color:#fff;width:70%;max-width:640px;min-height:30%;margin:auto;padding:10px;border:1px solid #000;border-radius:20px;color:#fff}.close{color:#aaa;float:right;font-size:25px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}