text: const toggle = document.getElementById('toggle');
  const close = document.getElementById('close');
  const open = document.getElementById('open');
  const modal = document.getElementById('modal');
  const navbar = document.getElementById('navbar');
  
  // This function closes navbar if user clicks anywhere outside of navbar once it's opened
  // Does not leave unused event listeners on
  // It's messy, but it works
  function closeNavbar(e) {
    if (
      document.body.classList.contains('show-nav') &&
      e.target !== toggle &&
      !toggle.contains(e.target) &&
      e.target !== navbar &&
      !navbar.contains(e.target)
    ) {
      document.body.classList.toggle('show-nav');
      document.body.removeEventListener('click', closeNavbar);
    } else if (!document.body.classList.contains('show-nav')) {
      document.body.removeEventListener('click', closeNavbar);
    }
  }
  
  // Toggle nav
  toggle.addEventListener('click', () => {
    document.body.classList.toggle('show-nav');
    document.body.addEventListener('click', closeNavbar);
  });
  
  // Show modal
  open.addEventListener('click', () => modal.classList.add('show-modal'));
  
  // Hide modal
  close.addEventListener('click', () => modal.classList.remove('show-modal'));
  
  // Hide modal on outside click
  window.addEventListener('click', e =>
    e.target == modal ? modal.classList.remove('show-modal') : false
  );
  
  
  const social = document.querySelector('#social')
  window.addEventListener('scroll', fixNav)
  
  function fixNav() {
      if(window.scrollY > nav.offsetHeight + 150) {
          nav.classList.add('active')
      } else {
          nav.classList.remove('active')
      }
  }
  
  $(document.body).ready(function() {
  	
                  var hi = $('.roll');
              
              
                  TweenMax.from(hi, 5, {
                      y: 140,
                      opacity: 0,
                      ease: Elastic.easeOut
                  })
              });