main *:not(#modal) img{cursor:pointer;display:flex;margin:auto}#modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1}#modal.is-active{display:flex}#modal span{position:absolute;top:20px;right:30px;font-size:30px;cursor:pointer}#modal img{max-width:90%;max-height:90%;cursor:zoom-in;transform:scale(1)}#modal img.zoomed{cursor:grab;transform:scale(2)}