text: const body = document.body;
  const popup = document.getElementById('popup');
  
  const po1 = document.getElementById('po1');
  const po2 = document.getElementById('po2');
  const po3 = document.getElementById('po3');
  
  let popUpFocused = false;
  
  window.onload = () => {
    body.addEventListener('contextmenu', (e) => {
    
      e.preventDefault();
    
      popup.style.display = 'flex';
      popup.style.top = e.clientY >= 50 ? `${ e.clientY - 50 }px` : `${ e.clientY }px`;
      popup.style.left = (e.clientX + 500) > body.offsetWidth ? `${ e.clientX - 500 }px` : `${ e.clientX }px`;
    
    });
    
    body.addEventListener('click', (e) => {
      popup.style.display = 'none';
    });
    
    po3.style.color = '#34CB79';
  
    po1.onclick = () => {
      body.style.backgroundColor = '#f5f5f5';
      po1.style.color = '#34CB79';
      po2.style.color = '#111';
      po3.style.color = '#111';
    }
    
    po2.onclick = () => {
      body.style.backgroundColor = '#333';
      po1.style.color = '#111';
      po2.style.color = '#34CB79';
      po3.style.color = '#111';
    }
    
    po3.onclick = () => {
      body.style.backgroundColor = '#111';
      po1.style.color = '#111';
      po2.style.color = '#111';
      po3.style.color = '#34CB79';
    }
  }
  
  
  
  