nav {position: sticky; max-height: 60px; overflow: hidden; font-size: 1.4em; cursor: pointer} 
nav:focus-within, .newBox {max-height: 9000px; transition: max-height 2s}
nav::before {content: "☰"; font-size: 30px} .newBox::before {content: "X"} 
nav li {padding-block: 0.3em; position: relative} 
main img {max-width: 100%} 
figure {border-radius: var(--rad)}