Как сделать так чтобы выпадающее меню скрывалось при нажатии на любое другое место на страничке?

Есть выпадающее меню по нажатию на кнопку меню(гамбургер), оно выезжает на середину хедера при нажатии. Хотелось бы чтобы оно скрывалось при нажатии на любую точку экрана автоматически(не по пнопке). Вопрос интересный - возможно ли такое на чистом CSS?(без JS и jQuery) И если можно пример такого кода)