keyboard accessibility

  <nav class="menu">
        <ul class="menu__links">
          <li><a tabindex="-1" href='/' autofocus>Home</a></li>
          <li><a tabindex="-1" href='/about'>About Me</a></li>
          <li><a tabindex="-1" href='/portfolio'>Portfolio</a>
          <li><a tabindex="-1" href='/viewResume'>Resume</a>
            <ul class='nested-menu'>
              <li><a href="/design">UX/UI Design</a></li>
              <li><a href="/development">Web Development</a></li>
            </ul></li>
          <li><a href='/contact'>Contact</a></li>
          <li><a href='/blog'>Blog</a></li>
        </ul>
    </nav>

if (window.innerWidth <= 847) {
  // if (the menuElement classList contains 'open' {
  // menuLinks.forEach(link => remove the tabindex Attribute}
}