#myImg{border-radius:5px;cursor:pointer;transition:0.3s}#myImg:hover{opacity:.7}.image-modal{display:none;position:fixed;max-height:90vh;z-index:11;padding-top:80px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .7)}.image-modal-content{margin:2% auto;display:block;width:90%;max-width:70%}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.image-modal-content,#caption{animation-name:zoom;animation-duration:0.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.image-modal-close{width:40px;height:40px;position:absolute;top:10px;right:10px;transition:0.3s}.image-modal-close:hover,.image-modal-close:focus{stroke:#bbb;text-decoration:none;cursor:pointer}.image-modal-save{position:absolute;top:68px;left:10px;transition:0.1s;border:solid 6px;border-radius:10px;border-color:#34864d;outline:none;cursor:pointer;padding:5px 10px;font-size:24px;font-family:Trebuchet MS;font-weight:700;color:#34864d;background-color:#fff}.image-modal-save:hover{background-color:#adcfa8}.image-modal-save:active{top:70px}@media only screen and (max-width:700px){.image-modal-content{width:100%}}.demo-login-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .4)}.demo-login-modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:600px}.list-modal{display:none;position:fixed;z-index:1;padding-top:80px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .3)}.list-modal-content{background-color:#fefefe;margin:40px auto;padding:20px;width:1280px;overflow:auto;text-align:left}#modalResults{height:auto;overflow:visible;padding:30px;text-align:left;border:5px solid #0070c0;font-family:Verdana}