body { margin: 0px auto 0px auto; padding: 1%; max-width: 1000px; font-family: sans-serif; text-rendering: optimizeLegibility; } header { border-bottom: 2px solid black; margin-bottom: 30px; padding: 12px 0px 12px 0px; } nav { display: flex; flex-direction: row; justify-content: space-between; } nav a { color: maroon; font-size: 18px; margin: 12px; text-decoration: none; } nav ul, nav li { display: inline; } nav ul li a { color: black; font-size: 14px; margin: 6px; } footer { border-top: solid 2px black; font-size: 14px; margin-top: 30px; padding: 12px 0px 12px 0px; } footer li { list-style-type: none; margin-top: 10px; } footer li a { margin-left: 5px; } pre { padding: 5px; border: 1px solid; border-radius: 10px; white-space: pre-wrap; counter-reset: line; } code { font-family: monospace; } pre a:before { color: #aaa; content: counter(line); counter-increment: line; display: inline-block; width: 3em; margin-left: auto; margin-right: 1em; padding-left: auto; text-align: right; } article .header { color: #555; font-size: 14px; font-style: italic; } .simple-icon { height: 22px; vertical-align: middle; }