const openModal = document.getElementById('openModal');
const closeModal = document.getElementById('closeModal');
const backdrop = document.getElementById('modalBackdrop');
const modalBox = document.getElementById('modalBox');

// Open modal
openModal.addEventListener('click', () => {
  backdrop.classList.add('active');
});

// Close modal
closeModal.addEventListener('click', () => {
  backdrop.classList.remove('active');
});

// Close when clicking outside modal-box
backdrop.addEventListener('click', (e) => {
  if (!modalBox.contains(e.target)) {
    backdrop.classList.remove('active');
  }
});