const modal = document.querySelector(".modal")
    const btn = document.querySelectorAll(".show-modal")

    btn.forEach(elem => {
        elem.onclick = (event) => {
            event.preventDefault();
            modal.style.display = "block"
        }
    })
    window.onclick = function(event) {
        if (event.target === modal) {
            modal.style.display = "none"
        }
    }
    document.onkeydown = function(evt) {
        if (evt.key === "Escape" || evt.key === "Esc") {
            modal.style.display = "none"
        }
    };