const burger = document.querySelector(".hamburger")
const links = document.querySelector(".links")
const body = document.querySelector("body")
const main = document.querySelector("main")

let shown = false

burger.addEventListener("click", (e) => {
  e.preventDefault()

  if (!shown) {
    links.style.display = "flex"
    body.classList.add("disable-scroll")
    burger.textContent = "x"
    main.style.visibility = "hidden"
  } else {
    links.style.display = "none"
    body.classList.remove("disable-scroll")
    burger.textContent = "☰"
    main.style.visibility = "visible"
  }

  shown = !shown
})