How can I make the dropdown menu disappear when I click anywhere else on the page?

Question

css

There is a drop-down menu by pressing the menu button (hamburger), it goes to the middle of the header when pressed. I would like it to be hidden when you click on any point of the screen automatically (not by a button). The question is interesting - is this possible with pure CSS? (without JS and jQuery) And if you can have an example of such code)