Terieyenike

const nav = document.getElementById('main__nav')
const hamburger = document.getElementById('hamburger')

nav.addEventListener('click', handleNav)
hamburger.addEventListener('click', handleNav)

function handleNav() {
  if(!nav.classList.contains('main__nav--active')){
    nav.classList.add('main__nav--active');
    hamburger.classList.add('hamburger--active')

Terieyenike

*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --darkbg: #222222;

Terieyenike

 <button id="hamburger" class="hamburger"></button>
    <nav id="main__nav" class="main__nav">
        <a href="#">Home</a>
        <a href="#">About</a>
        <a href="#">Service</a>
        <a href="#">Work with me</a>
    </nav>