Menu

const buttonMobile = document.querySelector('.button-mobile')

function toggleMenu(event) {
if (event.type === 'touchstart')event.preventDefault();

const menuNav = document.querySelector('.menu-nav')
menuNav.classList.toggle('active');

const active = menuNav.classList.contains('active')
event.currentTarget.setAttribute('aria-expended', active)
if (active) {
    event.currentTarget.setAttribute('aria-label', 'Fermer Menu')
} else {
    event.currentTarget.setAttribute('aria-label', 'Ouvrir Menu')
   }
}

@media screen and (max-width: 400px) {
.head-of-page {
    margin: 0px;
    display:initial;
}
.logo-head-of-page {
    width: 60%;
}
.all-projects {
    display: block;
    max-width: 100%;
}