body { background-color: black; color: silver; font-size: 125%; line-height: 1.5; margin: 0 auto; } img { max-width: 100%; height: auto; } a { color: red; } h1, h2, h3, h4, h5, h6 { color: yellow; } #content { margin-left: 160px; padding: 0px 10px; } /* For mobile */ @media screen and (max-width: 768px) { .sidenav { display: none; } .sidenav_mobile { display: block; } #content { margin-left: 0px; } } /* For normal screens */ @media screen and (min-width: 769px) { .sidenav_mobile { display: none; } } .sidenav { height: 75%; width: 160px; } .sidenav a { padding: 6px 8px 6px 16px; display: block; } .badge{ display: inline; text-decoration: none; }