( ()=> {
    'use strict';

    if ( 'querySelector' in document && 'addEventListener' in window ) {
    const modal = document.querySelector('#modal-container');
	const user = document.querySelector('#user-login');
	const x = document.querySelector('#mkasi');
	const cBtn = document.querySelector('#cancelbtn');

	user.addEventListener( 'click', () => {
		modal.style.display = 'block';
	});

	x.addEventListener( 'click', () => {
		modal.style.display = 'none'
	});

	cBtn.addEventListener( 'click', () => {
		modal.style.display = 'none';
	});

    window.addEventListener( 'click', ( evt ) => {
		if ( evt.target === modal ) {
			modal.style.display = 'none';
		}
    });
}
}) ();