.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease-in,visibility .2s ease-in;z-index:3}.modal.show{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:20px;border-radius:4px;position:relative;transform:scale(.4);transition:transform .6s ease}.modal.show .modal-content{transform:scale(.9)}.close{position:absolute;top:8px;right:20px;font-size:27px;cursor:pointer;z-index:1}