.modal-content{width:20%;height:20%}.modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:hsla(0,0%,100%,.8)}.modal-content{background-color:inherit;margin:15% auto;padding:20px;border:1px solid #888;width:40%;height:auto}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}