nav.layout-navbar { position: fixed; top: 0; bottom: 0; width: 30ch; text-align: center; user-select: none; h1 { font-weight: 100; display: inline-block; font-size: 2.25em; padding: 0.5em 0 0 0; margin: 0; } .options { display: inline-block; vertical-align: middle; a { display: inline-block; padding: 0.25em; margin: 0 0.25ch; opacity: 0.666; } a:hover { opacity: 1; color: white; } } } @media screen and (max-width: 700px) { nav.layout-navbar { position: static; margin-left: 0; width: 100%; font-size: 1.25em; } }