text: let header = document.querySelector('header');
  const navMobile = document.createElement('nav')
  
  const menuMobile = () => {
      const  ul = document.querySelector('#nav-widescreen ul')
      const btnMobile = document.querySelector('#btn-mobile')
      const copyMenu = ul.cloneNode(true);
  
      copyMenu.classList.add('ul-mobile')
      navMobile.appendChild(copyMenu)
      navMobile.setAttribute('id', 'nav-mobile')
  
      
      header.insertAdjacentElement('afterend', navMobile)
      const links = document.querySelectorAll('#nav-mobile .ul-mobile li a')
  
      let clicked = false
  
      function openClose() {
          let ulMobile = document.querySelector('#nav-mobile ul')
              
              if (!clicked) {
                  ulMobile.style.display = 'flex'
                  navMobile.style.height = `${100}%`
                  clicked = true
              } else {
                  ulMobile.style.display = 'none'
                  navMobile.style.height = 0
                  clicked = false
              }
      }
  
      btnMobile.addEventListener('click', () => {
          openClose()
      })
  
      links.forEach(link => {
          link.addEventListener('click', () => {
              openClose()
          })
      })
  }
  
  menuMobile()
  
  
  //ANIMATION
  
  