.modal{display:none;position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modal-close{text-decoration:underline;color:#40b87c;cursor:pointer}.modal-close-wrapper{width:100%;text-align:center}.modal-content{background-color:#fff;border-radius:4px;margin:20% auto;padding:24px;width:70%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);animation-name:modalopen;animation-duration:1s}