Fix nav avatar creating a right white margin for the whole html page, when at low widths.

You'd think setting nav to overflow-x: hidden;, but that clips both x and y of the avatar. Overflow apparently isn't meant for absolute elements.
Make as much of the avatar appear as possible, when at low widths.

Shrink nav elem padding. Compress in-between whitespace.
Viewport: take advantage of landscape