Un menu Hamburger realizzato in puro HTML5 e CSS3 con il tag <details>

Tra i tanti tags HTML5 che compiono azioni questo probabilmente è tra i meno conosciuti:

il tag <details> con il tag <summary> creano una struttura a scomparsa simile a un accordion,

molto utile per realizzare velocemente, ad esempio, menu hamburger, come in questa repo.

Per questo menu ho utilizzato il font Roboto e due icone di Line Icons (https://lineicons.com/)

Qui la documentazione ufficiale sul tag <details>: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details